Overview
frontend-design is an open-source frontend skill for Claude Code and compatible agents, published by anthropics. Its author describes it as: “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.”. The project has 177k stars on GitHub and ships custom license terms, so review them before reuse. Add it to your setup with `/plugin marketplace add anthropics/skills`.
What frontend-design does
Approach this as the design lead at a design studio known for giving every client a distinct visual identity that is not mistaken for anyone else's. This client has already rejected proposals that felt cliché or templated, and is paying for a distinctive point of view: make deliberate, opinionated choices about palette, typography, and layout that are specific to this brief, and take aesthetic risk if justified.
What’s inside
The SKILL.md for frontend-design is organised into these sections:
- Ground your designs in the subject matter
- Design principles
- Process: plan, review against the brief, build, critique
- Restraint and self-critique
- More on writing in design
Installation
Add frontend-design to your agent with:
/plugin marketplace add anthropics/skillsReview a skill’s source before installing it — skills can instruct your agent to run commands. This command comes from the skill’s public repository, which is the source of truth for setup steps. New to skills? Read how to install Claude Code skills.
Supported agents
- Claude Code — ships a claude code plugin marketplace
License
anthropics has not declared a standard open-source license for this repository (Complete terms in LICENSE.txt). Confirm the terms with the author before reusing it.
Strengths
- Ships in anthropics/skills, an established project with 177,416 GitHub stars
- Works with Claude Code
- Actively maintained — repository updated in the last 30 days
- Its repository gained 12,054 GitHub stars over the last 52 days
Things to check
- No license declared — confirm terms with the author before reuse
Author
Topics
Alternatives to frontend-design
Similar skills from other repositories:
Frequently asked questions
- What does frontend-design do?
- 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.
- How do I install frontend-design?
- Run /plugin marketplace add anthropics/skills in your agent, then reload your skills. Review the source at https://github.com/anthropics/skills before installing.
- Is frontend-design free to use?
- frontend-design is publicly available on GitHub, but anthropics has not declared a standard open-source license (Complete terms in LICENSE.txt). Confirm the terms with the author before reusing it.
- Which agents does frontend-design work with?
- frontend-design lists Claude Code — named in its SKILL.md, its plugin marketplace or its repository topics. Skills use the portable SKILL.md format, so other agents that read that format may load it too.
- Where does frontend-design come from?
- frontend-design ships inside anthropics/skills, a repository that contains 21 catalogued skills in total. The repository's 177,416 GitHub stars apply to that whole collection, not to this skill on its own.
