What it is
Skills are instruction packs that Claude Code loads when a task needs them. Without them, it falls back on the same defaults every time: Inter for everything, purple-to-blue gradients, cards nested inside cards. Each of these four fixes a different part of that.
frontend-design, by Anthropic
Pushes Claude to choose a real visual direction for your brief (colours, type, layout) instead of reusing one template. It lives in Anthropic's skills repo (179.9k stars). Type this inside Claude Code:
/plugin marketplace add anthropics/skills
/plugin install example-skills@anthropic-agent-skillsImpeccable
A design vocabulary with 24 commands (polish, critique, audit, bolder, quieter and more), plus a detector with 60 rules that flags AI design tells in your code. 77.6k stars, Apache-2.0.
npx impeccable installThen run /impeccable init inside Claude Code so it learns what your product is.
UI UX Pro Max
A searchable design reference: 79 UI styles (50 active), 192 colour palettes, 74 font pairings and rules for 22 tech stacks. 133.6k stars, MIT.
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skillEmil Kowalski's skills
Motion and interface details from Emil's years at Vercel and Linear: which easing to use, how long an animation should take, and when not to animate at all. 43.9k stars, MIT.
npx skills@latest add emilkowalski/skillsBefore you use it
- Start with one or two. They overlap, and installing all four at once can give Claude advice that pulls in different directions.
- They guide the model; they don't check the result. Still open the page on your phone and look at it.
- This site was built with them: frontend-design and Emil's skill for the design, then Impeccable's detector as a final check.
