F
frontend-design
byanthropics·#2 trending
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making…
159,500stars
First seenJan 19, 2026
Installation
Send this command to your AI agent:
npx skills add https://github.com/anthropics/skills --skill frontend-designDocumentation
Distinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design choices.
- Guides aesthetic direction selection (brutalist, maximalist, retro-futuristic, luxury, organic, etc.) before implementation to ensure cohesive, memorable designs
- Emphasizes typography, color theming with CSS variables, motion design, spatial composition, and textural details as core design pillars
- Generates working code (HTML/CSS/JS, React, Vue) that matches implementation complexity to the aesthetic vision, from refined minimalism to elaborate maximalism
- Explicitly avoids overused fonts, clichéd color schemes, and predictable layouts that characterize generic AI-generated interfaces