Frontend design
Anthropic's guidance for producing interfaces that look designed rather than defaulted.
Installation
$ npx skills add anthropics/skillsThe CLI's unit is the repository, so this installs everything in anthropics/skills, not frontend-design alone. It writes into whichever agent directories it finds — Claude Code, Codex, Cursor, Copilot, Windsurf, Zed.
Summary
Anthropic's guidance for producing interfaces that look designed rather than defaulted.
- Reach for it when the agent is generating UI and everything comes out looking like an untouched component library.
- Spans Design & architect and Implement, so it is usually worth loading for the whole piece of work rather than at one moment in it.
- Assumes web, react.
- Published by Anthropic, who ship the thing it is about — a stronger claim than a well-regarded engineer having written something good.
- Installing pulls the whole anthropics/skills repository: this catalogue lists 3 other entries from it, and the repo may hold more.
Where it sits in delivery
Design & architectInterfaces, module boundaries and domain language — decided before the code sets them in concrete.Everything in Design →
ImplementWriting the change: framework-specific conventions, and the discipline that keeps a long agent run on the rails.Everything in Build →
The skill itself
The full text lives with its publisher and changes when they change it. Read it there rather than here — a mirrored copy of somebody else's procedure goes stale silently, and this page would have no way of telling you.
Related
More in Design & architect
- .NET Web APIBuilding ASP.NET Core web APIs the way the .NET team builds them.
dotnet/skills - Expo RouterFile-based routing for Expo apps, from Expo — layouts, groups, typed routes, deep links.
expo/skills - Prisma Client APIThe current Prisma Client surface, from Prisma.
prisma/skills - React best practicesVercel's current React guidance — server and client boundaries, data fetching, caching, the Compiler era.
vercel-labs/agent-skills - React Native skillsReact Native conventions and the places the web mental model breaks.
vercel-labs/agent-skills - Supabase Postgres best practicesSchema, indexing and row-level security as Supabase recommends them.
supabase/agent-skills