UI/UX design intelligence. 50 styles, 21 palettes, 50 font pairings, 20 charts, 9 stacks (React, Next.js, Vue, Svelte, SwiftUI, React Native, Flutter, Tailwind, shadcn/ui). Actions: plan, build, create, design, implement, review, fix, improve, optimize, enhance, refactor, check UI/UX code. Projects: website, landing page, dashboard, admin panel, e-commerce, SaaS, portfolio, blog, mobile app, .html, .tsx, .vue, .svelte. Elements: button, modal, navbar, sidebar, card, table, form, chart. Styles: glassmorphism, claymorphism, minimalism, brutalism, neumorphism, bento grid, dark mode, responsive, skeuomorphism, flat design. Topics: color palette, accessibility, animation, layout, typography, font pairing, spacing, hover, shadow, gradient. Integrations: shadcn/ui MCP for component search and examples.
8.1
Rating
0
Installs
Frontend Development
Category
Excellent UI/UX design skill with comprehensive coverage of 50+ styles, 97 color palettes, 57 font pairings, and 9 tech stacks. The description clearly communicates capabilities, and the structured workflow (analyze → design system → detailed search → stack guidelines) provides actionable task knowledge. The SKILL.md is well-organized with priority-based rule categories, quick reference tables, and practical examples. The skill meaningfully reduces token cost by consolidating extensive design knowledge into searchable databases rather than requiring repeated queries. Minor improvement areas: could benefit from more explicit error handling documentation and clearer integration examples with the shadcn/ui MCP mentioned in the description.
Loading SKILL.md…

Skill Author