Awesome Design Skills
67 named visual-style SKILL.md files an agent can pull into a repo
A curated registry of 67 design-system "skills", each a pair of SKILL.md (machine instructions for a coding agent) and DESIGN.md (human rationale). Every skill encodes one named aesthetic — Brutalism, Claymorphism, Editorial, Neon, Riso, Skeuomorphism and so on — as brand philosophy, typography, colour, spacing, component specs, WCAG 2.2 AA gates, writing tone, and explicit do/don't rules. You pull one into a project with the TypeUI CLI so Claude Code, Cursor or Codex generate UI in a consistent, pre-argued visual language. It is for anyone who wants an agent's output to look deliberate instead of default-Tailwind.
npx typeui.sh pull <slug>Reach for this at the START of a build, before you write a single component — pulling one skill fixes type scale, colour, spacing and tone so every later generation agrees with itself. Pair it with a code source (shadcn/ui, Tailark) rather than treating it as one: these files are prose specs, not components, and they will not install anything renderable. Run `npx typeui.sh list` to browse, and pick exactly one style per project — stacking two skills produces contradictory token rules that you will silently average into mush.
Why it is here. It solves the real failure mode of agent-built UI — competent components arranged with no point of view — by making visual direction a one-command, versionable input.
- 67 named visual styles as SKILL.md files
- paired SKILL.md + DESIGN.md per style
- one-command pull via npx typeui.sh
- WCAG 2.2 AA quality gates baked into each skill
- targets Claude Code, Cursor and Codex directly
Verified 2026-08-15. HTTP 200. https://github.com/bergside/awesome-design-skills
