Skip to content
Awesome Design Skills

Awesome Design Skills

67 named visual-style SKILL.md files an agent can pull into a repo

Tier A · StrongAgent SkillRegistryDesign Mdgithub.com

Preview image from github.com

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.

Install
npx typeui.sh pull <slug>

For an agent

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.

Install command, framework, licence and component list.

Facts

License
MIT
Pricing
Free, Open source
Framework
Not applicable
Styling
Not applicable
Distribution
Agent skill / rules pack, CLI installer, GitHub repository
Platform
Platform agnostic
Content type
Prompts, Prose / writing, Design tokens / theme files
Agent readiness
Agent skill or rules pack, CLI installable, Readable open source, Structured documentation, Machine-readable index
Accessibility
WCAG 2.x AA, Accessible
Maturity
Actively maintained
GitHub stars
2,400
Package
typeui.sh

Notable for

  • 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

Provenance

Verified 2026-08-15. HTTP 200. https://github.com/bergside/awesome-design-skills

Also in Agent Design Tooling

6
github.comTier A