elite-frontend-design提供网页、landing page、dashboard以及React/Vue组件的前端UI设计,输出HTML/CSS/JS代码。
Install via ClawdBot CLI:
clawdbot install moxunjinmu/elite-frontend-designGrade Fair — based on market validation, documentation quality, package completeness, maintenance status, and authenticity signals.
Generated May 12, 2026
Create a visually striking landing page that avoids generic SaaS aesthetics using bold typography and layered backgrounds. Ideal for startups launching a new product or service.
Design a data analytics dashboard with asymmetric layouts and custom color themes inspired by IDE palettes. Enhances readability and user engagement for complex data.
Build a magazine-style portfolio site with staggered animations and a vintage editorial font. Perfect for designers, photographers, or artists to showcase work.
Develop a product page with dynamic motion effects and deep color gradients, emphasizing exclusivity and high-end aesthetics for luxury goods.
Generate a documentation site for a React component library with custom code fonts and Bento grid layout, improving developer experience and visual appeal.
Offer a set of premium frontend templates with elite design guidelines. Free basic versions attract users, while paid bundles include advanced animations and custom themes.
Provide bespoke frontend implementation for agencies and companies, translating designer mockups into code with elite aesthetics. Charge per project or hourly.
Sell a comprehensive design system with CSS variables, motion patterns, and typography rules tailored to a client's brand. Recurring licensing fee for updates and support.
💬 Integration Tip
Integrate via API to generate complete HTML/CSS/JS code snippets, ensuring custom fonts are loaded via Google Fonts links in the <head>.
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.