Skills
Frontend Design
by Anthropic
Give new or reworked UI a distinctive visual direction: palette, typography and layout that do not look templated.
Our verdict
We have not reviewed Frontend Design yet
No one at Enterprise DNA has checked this listing against its sources. The description comes from public listings gathered automatically. Any fact below shows where it came from and when it was last checked.
From the listing
About Frontend Design
Anthropic's frontend design skill from the Claude Code plugins. It asks the agent to act as a design lead with a clear point of view: identify the subject, audience and main job of the design first, take its visual cues from the subject's industry and materials, and make deliberate choices about palette, type and layout instead of default templates.
Best for
Developers using Claude Code who want UI with a clear visual point of view
Use cases
- Design a new landing page with its own visual identity
- Rework an existing UI that looks like every other site
- Choose typography and colour that fit the product's subject
Notes
Why it matters
Without direction, models fall back to the same safe layout. This skill tells the agent to start from the subject and make specific choices, which is what makes a design memorable.
Source
- Skill file: plugins/frontend-design/skills/frontend-design/SKILL.md in anthropics/claude-code.
- Repository: 153,272 GitHub stars, no licence file in the repository. Checked 24 Oct 2026 through the GitHub API.
- Last change to the skill: 2 Sept 2026.
- This page was written from the skill's own SKILL.md. It is not an Enterprise DNA source review and the skill has not been installed or tested by us.
Pros
- From Anthropic's own Claude Code repository
- Grounds design choices in the subject matter
- Short and easy to adopt
Cons
- Guidance, not a component library
- Licence terms are in a separate file, not a standard open-source licence
Key facts
What we have checked
Not checked yet. Dated facts such as prices, releases and repository activity appear here once we have confirmed them from a source.
Health and security
Is Frontend Design looked after, and what do its setup files show
Security check static checks
100 out of 100
- Note No dependency list or install command was found in the skill, so there were no packages to look up on OSV.
Alternatives
Alternatives to Frontend Design
| Record | Type | How we know | Checked |
|---|---|---|---|
| appllama-app-design-skillAlternative to this | Skill | Matched from the listing text |
Compare
Compare Frontend Design side by side
Sources
Where this comes from
No sources recorded yet. Each source we check is listed here with the date we checked it.
A source shows what was published when we checked it. It does not certify security, performance or a working installation. Read our method.
Changelog
What changed
No changes recorded yet. Releases, price changes and deprecations appear here, with their dates, once we track them for this record.
Open-source & AI alternatives
Swap-in tools that solve the same job. Weigh the trade-offs before you commit.
Pairs with
Other entries in the index that connect to this one. Click through to see the chain.
animate
emilkowalski
Skills for Designers and Engineers.
apple-design
emilkowalski
Skills for Designers and Engineers.
appllama-usage
Appllama
A builder, not just a researcher. Agent skills that turn top-grossing app patterns into native-quality mobile screens.
architecture-designer
Jeffallan
67 Specialized Skills for Full-Stack Developers. Transform Claude Code into your expert pair programmer.
awesome-design-html
yzfly
115 brand-themed HTML designs as a Claude Code skill (93 web + 22 iOS, incl. 20 China showcase). Install in one line, then talk: 'do a Linear-style page', '飞书风的页面', 'Spotify Now Pl
baseline-ui
ibelick
Skills for Design Engineers
better-design
marvkr
🎨 Open-source design MCP server + shadcn/ui registry — AI design systems for Claude Code, Cursor, Codex, GitHub Copilot & any MCP client. 31 brand-grade themes (Linear, Stripe, Ve
better-icons
better-auth
Skill and MCP server for searching and retrieving icons
brandkit
plugin87
Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead
build-design-system
arla6ka
Agent skills and design systems from design.how. Build a design system from your app, use agents to ship UI, enforce it in CI.
creative
bergside
List of 67 awesome DESIGN.md and SKILL.md design skill files for agentic tools like Claude Design, Google Stitch, Codex, Cursor, and other AI tools
critique
plugin87
Turn Claude into a senior design architect: DTCG tokens, 52 components, WCAG 2.2 AA-AAA, 138 design systems, any-framework code, and 50 objective gates that fail the build instead
Get the free Developer’s Field Guide
A 27-page field guide to the AI coding workflow with Claude. Claude Code, MCP servers, the prompt patterns that work, and what to delegate. Free.
Enter your work email. We send it straight over, plus a few short notes worth knowing. Unsubscribe any time.