Create digital interfaces that look stunning and work perfectly. This skill combines strong design rules with smart engineering to build premium frontend experiences. You get clear control over typography, spacing, and motion without the usual AI biases.
Every interface follows strict component architecture and uses CSS hardware acceleration for smooth performance. The skill enforces metric-based rules to avoid common design cliches. You always get high-quality user interfaces that feel modern and professional.
Whether you are a developer or designer, this skill helps you build consistent and fast frontends. It handles the tricky details like responsive layouts, state management, and icon choices so you can focus on the bigger picture.
Global
mkdir -p ~/.claude/skills/design-taste-frontendProject
mkdir -p .claude/skills/design-taste-frontendSource Repository
Frontend Designanthropics/skills
Create striking frontend interfaces with bold design and polished code every time
Vercel React Best Practicesvercel-labs/agent-skills
Optimize React and Next.js apps using proven Vercel performance guidelines
Vercel Composition Patternsvercel-labs/agent-skills
Clean React components with composition instead of boolean props
Shadcnshadcn/ui
Manage shadcn UI components easily with CLI commands and clear styling rules
Impeccablepbakaus/impeccable
Polish your frontend interfaces with expert design critique and code
Minimalist Uileonxlnx/taste-skill
Build warm minimal web interfaces with editorial typography and flat bento grids
Industrial Brutalist Uileonxlnx/taste-skill
Raw mechanical UIs fusing Swiss print with military terminal aesthetics and high data density
Gpt Tasteleonxlnx/taste-skill
Creates cinematic web pages with Python-driven randomization wide typography and GSAP motion