Home / Use cases / Design

AI agents, skills and tools for design

563 skills, subagents, MCP servers, plugins and prompts for design, ranked on usage. Pick a task to narrow it down.

UI design

All 376
nextlevelbuilder/ui-ux-pro-max-skillSkill

Token architecture, component specifications, and slide generation. Three-layer tokens (primitive→semantic→component), CSS variables, spacing/typography scales, component specs, strategic slide…

138k 21d ago ≈73 tokens always loaded Claude CodeSkills CLI Scanned
89popular
heygen-com/hyperframesSkill

Import Figma content into a HyperFrames composition — rendered assets, brand tokens, components, storyboard sections → reconstructed motion (frames read as states, not slides) (REST/CLI),…

68k 16d ago ≈104 tokens always loaded Claude CodeSkills CLIGemini CLI Scanned · 1 to know
89popular
Egonex-AI/Understand-AnythingSkill

Analyze a Figma file via the Figma REST API and generate an interactive design knowledge graph (pages, screens, components, component sets, instances, design tokens) with a kind:"design" dashboard.

87k 23d ago ≈54 tokens always loaded Claude CodeSkills CLI Scanned · 1 to know
86popular
spree/spreeSkill

Build multiple genuinely different versions of a UI piece you describe, rendered behind a visual picker so you can flip through them live and promote the one that feels right. Only runs when…

16k 16d ago ≈63 tokens always loaded Claude CodeSkills CLI Scanned
84popular

Accessibility

All 230
affaan-m/ECCSkill

Design, implement, and audit accessible UI to WCAG 2.2 Level AA across Web, iOS, and Android — semantic ARIA roles and labels, accessibility traits and hints, focus management, contrast, target…

284k 16d ago ≈88 tokens always loaded Claude CodeSkills CLI Scanned
96popular
affaan-m/ECCSubagent

Accessibility Architect specializing in WCAG 2.2 compliance for Web and Native platforms. Use PROACTIVELY when designing UI components, establishing design systems, or auditing code for inclusive…

284k 16d ago ≈57 tokens in your chat Claude Code Scanned
90popular
ChromeDevTools/chrome-devtools-mcpSkill

Uses Chrome DevTools MCP for accessibility (a11y) debugging and auditing based on web.dev guidelines. Use when testing semantic HTML, ARIA labels, focus states, keyboard navigation, tap targets, and…

54k 16d ago ≈57 tokens always loaded Claude CodeSkills CLIGemini CLI Scanned
90popular
thedaviddias/Front-End-ChecklistSkill

Use when reviewing templates, rendered HTML, or shared components related to Make accordions keyboard navigable. Validate the final browser-facing markup, not just the source framework abstraction.

75k 29d ago ≈55 tokens always loaded Claude CodeSkills CLI Scanned
89popular