frontend-design
frontend-design is an agent skill published by anthropic, listed under design. It lives in the anthropics/skills repository, which has 183,845 GitHub stars; we last read it on 2026-09-16.
Provides guidance for creating distinctive and intentional visual designs in new user interfaces or when reshaping existing ones, focusing on aesthetic direction, typography, and avoiding templated defaults.
Install
skills is a generic installer for any repository of Claude agent skills -- it reads anthropics/skills’s own structure rather than assuming one, the same way this page reads the skill’s own SKILL.md rather than assuming a format.
npx skills add anthropics/skills
Maintenance
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
frontend-design compared with similar skills
| Skill | Publisher | What it does | Repo stars | Last update |
|---|---|---|---|---|
| frontend-design (this page) | anthropic | Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps… | 183,845 | 2026-10-09 |
| brand-guidelines(same repository) | anthropic | Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having… | 183,845 | 2026-10-09 |
| setup-matt-pocock-skills | mattpocock | Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain… | 303,549 | 2026-10-22 |
| apple-design | emilkowalski | Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or… | 49,715 | 2026-10-11 |
| mobile-native | emilkowalski | Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browse… | 49,715 | 2026-10-11 |
| figma-code-connect-components | openai | Connects Figma design components to code components using Code Connect mapping tools. Use when user says "cod… | 28,310 | 2026-09-08 |
| figma-create-design-system-rules | openai | Generates custom design system rules for the user's codebase. Use when user says "create design system rules"… | 28,310 | 2026-09-08 |
Skills from the same repository first, then others for this job by repository stars. Figures are from each repository when we last read it.
Common questions about frontend-design
- What does frontend-design do?
- Provides guidance for creating distinctive and intentional visual designs in new user interfaces or when reshaping existing ones, focusing on aesthetic direction, typography, and avoiding templated defaults.
- How do I install frontend-design?
- Run npx skills add anthropics/skills. The skills installer reads the repository’s own structure, so it works for any repository of agent skills.
- Who publishes frontend-design?
- anthropic.
- Is frontend-design maintained, and what licence does it use?
- Its repository has 183,845 GitHub stars and its state in our directory is listed. Its last commit we recorded was on 2026-10-09. We did not find a declared licence, so check the repository before you rely on it.
More agent skills for design
- ai-product-photographyby 101-skills
- app-store-screenshotsby 101-skills
- email-designby 101-skills
- landing-page-designby 101-skills
- product-photographyby 101-skills
- social-media-carouselby 101-skills