aoleme-uiGenerate dark neon cyber-xianxia dashboards, glassmorphism surfaces, and gamified React and Tailwind UIs.
Install via ClawdBot CLI:
clawdbot install isdou/aoleme-uiGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Calls external URL not in known-safe list
https://github.com/isdou/aoleme-ui-skillAudited Apr 16, 2026 · audit v1.0
Generated May 12, 2026
A dark neon dashboard for tracking cultivation progress in a xianxia-themed game or app. Uses glassmorphism cards, liquid progress bars, and purple glow accents to display energy levels, merits, and achievements.
Restyle a standard admin panel into a cyberpunk aesthetic with neon accents, frosted surfaces, and glowing buttons. Suitable for tech startups or SaaS products targeting a futuristic brand image.
Transform a membership portal into a gamified interface with merit badges, level progress bars, and interactive glass cards. Enhances user engagement for loyalty programs or community platforms.
Build a mystical sci-fi event page with floating animations, glowing text, and parallax glass panels. Ideal for virtual conferences, product launches, or gaming tournaments.
Create a mobile-first gamified task screen with dark panels, glowing action buttons, and liquid progress indicators. Useful for productivity apps or habit trackers targeting a younger audience.
Offer the Aoleme UI design system as a subscription service for developers and designers. Provide regular updates with new components, templates, and themes.
Provide consulting and implementation services to integrate the Aoleme UI into client projects. Charge per project or hourly for customization, training, and support.
Sell premium standalone components (e.g., liquid progress bars, glass cards) on marketplaces like Gumroad or UI stores. Target developers looking for ready-to-use React components.
💬 Integration Tip
Start by merging only the required Tailwind tokens (colors, animations) from {baseDir}/resources/tailwind.config.js and the CSS variables from global.css. Avoid copying all global styles; instead, selectively apply glassmorphism and glow utilities to targeted components.
Scored May 12, 2026
Use when building UI with shadcn/ui components, Tailwind CSS layouts, form patterns with react-hook-form and zod, theming, dark mode, sidebar layouts, mobile navigation, or any shadcn component question.
Tailwind reference tool. Use when working with tailwind in frontend contexts.
A product creation skill based on the "Bee Website Builder" Open API. It is used to create a new product under a specified site language and product group, w...
A product update skill based on the "Bee Website Builder" Open API. It is used to update an existing product under a specified site language and supports upd...
Build WCAG 2.1 AA compliant websites with semantic HTML, proper ARIA, focus management, and screen reader support. Includes color contrast (4.5:1 text), keyboard navigation, form labels, and live regions. Use when implementing accessible interfaces, fixing screen reader issues, keyboard navigation, or troubleshooting "focus outline missing", "aria-label required", "insufficient contrast".
Use when building Vue 3 applications with Composition API, Nuxt 3, or Quasar. Invoke for Pinia, TypeScript, PWA, Capacitor mobile apps, Vite configuration.