.fyi
SkillsMCPPluginsSubagents

Browse by category

DevOps & CI/CD SkillsProductivity & Workflow SkillsOther SkillsProduct & Project Management SkillsDocumentation & Knowledge SkillsCode Review & Refactor SkillsBackend & APIs SkillsAgent Meta & Communication SkillsResearch SkillsSecurity SkillsUX UI & Design SkillsTesting & QA SkillsSee all →

Every Claude Code skill, MCP server, plugin and subagent in one directory. Searchable, comparable, and one command from installed. Live stats from GitHub, npm and PyPI.

We're on Product HuntYour agent's app storeCheck it out →
Agent SkillsMCP ServersPluginsSubagentsCoding Agents
CollectionsOfficial publishersGlossaryFAQBlogSearchSavedFeedback
PrivacyTermsllms.txtSitemap

made with ♥ · © 2026 aaaa.fyi

Independent project · real data from public registries

home/blog/best-claude-skills-for-designers
home/blog/best-claude-skills-for-designers

Rankings

The best Claude skills for designers and design engineers

aaaa.fyi · 2026-07-23 · 5 min read

Rankings

The gap between "AI-generated UI" and "designed UI" is taste — spacing, hierarchy, typography, restraint. Design skills close that gap by encoding real design judgment as instructions, and they're consistently among the most-installed skills in the directory.

What design skills actually do

A good design skill doesn't say "make it pretty". It imposes a system:

  • Layout discipline — consistent spacing scales, grid alignment, breathing room rules.
  • Typography systems — type scales, weight hierarchies, line-height ratios instead of ad-hoc font sizes.
  • Color restraint — monochrome-first palettes, one accent, contrast requirements.
  • Component conventions — states (hover, focus, disabled) defined up front, not bolted on.
  • Install one and every UI Claude generates follows the system — including a11y details (focus rings, reduced-motion) most generated UIs skip.

    Picks by job

  • Frontend polish — the most-installed frontend-design skills (including Anthropic's first-party one) are the safest starting point; see design-category skills.
  • Design systems work — skills that read your tokens and existing components before generating anything new.
  • Design review — skills that critique a screen against heuristics (hierarchy, contrast, alignment) and produce actionable notes.
  • How to combine them

    One design-taste skill + one code-review skill + your framework's skill is the standard stack: taste, correctness, and idiom. They compose — that's the point of the format.

    Live rankings by install count: Design skills.