Anthropic Frontend Design

The frontend-design skill from Anthropic's official skills repo teaches agents a design-thinking process before writing code: establish an aesthetic direction, critique it against generic defaults, then build. It bans the usual AI tells — Inter everywhere, purple gradients, card-in-card layouts — and pushes for one considered visual risk per project. Install with npx skills add anthropics/skills --skill frontend-design, via the Claude Code plugin marketplace, or by copying the folder manually. Caveat from the repo itself: these are demonstration skills, so test before relying on them; and it gives direction, not a full design system, so pair it with brand tokens for constrained work.

npx skills add anthropics/skills --skill frontend-design — or /plugin marketplace add anthropics/skills in Claude Code.