frontend-design
Guides the creation of distinctive, production-grade frontend interfaces with bold aesthetics and functional code.
Install
npx skills add https://github.com/anthropics/skills --skill frontend-designStats
| Total installs | 212,072 |
| Weekly installs | 211.4K |
| GitHub stars | 104.6K |
| First seen | Jan 19, 2026 |
| Source | @anthropics/skills |
Summary
- Guides design thinking before coding: establish bold aesthetic direction (brutalist, maximalist, retro-futuristic, luxury, playful, etc.) with clear purpose, tone, and differentiation
- Emphasizes typography, color theming, motion, spatial composition, and textural details as core design pillars; uses CSS variables, animations, and scroll-triggered effects
- Generates working, functional code (HTML/CSS/JS, React, Vue) that matches implementation complexity to aesthetic vision: elaborate code for maximalist designs, restrained precision for minimalist ones
- Explicitly avoids generic patterns: overused fonts (Inter, Roboto), clichéd color schemes (purple gradients), predictable layouts, and cookie-cutter component design
Tags
Related skills
| Skill | Installs | vs frontend-design |
|---|---|---|
| colorize | 31,090 | -180,982 |
| web-design-guidelines | 206,584 | -5,488 |
| page-cro | 27,552 | -184,520 |
| analytics-tracking | 27,349 | -184,723 |
| animate | 31,359 | -180,713 |
FAQ
- How many installs does frontend-design have?
- frontend-design has 212,072 total installs and 211.4K installs this week.
- Where is frontend-design hosted?
- frontend-design is published by @anthropics/skills at https://github.com/anthropics/skills.
- How many GitHub stars does frontend-design have?
- frontend-design has 104.6K GitHub stars.
- When was frontend-design first indexed?
- OrangeBot.AI first indexed frontend-design on Jan 19, 2026.
- How do I install frontend-design?
- Run: npx skills add https://github.com/anthropics/skills --skill frontend-design