Design Skills for AI Agents
Open-source, vendor-agnostic design skills for Claude Code, Cowork, and Cursor. Design your own with a visual editor, or install from the registry in one click.
Pair with the design token spec →
Google shipped stitch-skills (7 pre-built skills locked to their ecosystem). skill.design is the open alternative: design your own skills for any agent, without code.
skill.design vs Google Stitch Skills
| Feature | Google Stitch Skills | skill.design |
|---|---|---|
| Platform support | Stitch MCP server only | Claude Code, Cowork, Cursor, and any compatible platform |
| Skill creation | Pre-built only (7 skills) | Visual designer. Create your own, no code |
| Installation | npx skills add (CLI only) | Visual registry + one-click download |
| Vendor lock-in | Requires Google Stitch ecosystem | Open standard, vendor-agnostic |
| Customization | Fork and edit code | Drag-and-drop visual editor with live preview |
| Pricing | Free (with Stitch generation limits) | Free, no limits, no account |
Why open matters
Vendor-agnostic
Skills work with Claude Code, Cowork, Cursor, and any platform supporting the open Agent Skills standard. Write once, install anywhere.
Design your own
The visual skill designer lets you create custom design skills without writing code. Describe, shape, test, export.
Expression infrastructure
Need more than skills? Designless Studio provides deterministic design systems via API. The infrastructure layer beneath your skills.
Design skills in the registry
Ready-to-install skills for design workflows. Or design your own.
Design System Auditor
Audits design systems for consistency, accessibility compliance, and design token usage.
UX Copy Writer
Writes interface copy, error messages, empty states, tooltips, and microcopy that guides users clearly.
Accessibility Auditor
Reviews UI for WCAG 2.2 compliance and accessibility gaps, with prioritized remediation guidance.
Figma Design System Auditor
Connects to the Figma MCP server to audit your design system for consistency, orphaned components, token drift, and naming violations. Works with any Figma file.
Figma Component Generator
Generates new Figma components from natural language descriptions using the Figma MCP server. Creates frames, applies styles, and registers them as components in your library.
Figma Token Sync
Synchronizes design tokens between Figma Variables, your codebase, and designtoken.md. Detects drift, resolves conflicts, and keeps every surface in sync.
Figma Accessibility Checker
Checks Figma designs for WCAG 2.2 compliance before they reach code. Reads frames through Figma MCP and flags contrast failures, missing alt text, small touch targets, and focus order issues.
Figma to Code Bridge
Reviews and refines code generated from Figma designs. Compares the Figma MCP output against your design system tokens and skill.design conventions to catch gaps before they ship.
Also: skill.design vs Figma built-in skills
Figma launched skills on March 24, 2026. See how they compare.
Browse all 37 skills
Engineering, Security, Data, Marketing, and more
Frequently asked questions
What are design skills for AI agents?+
How is skill.design different from Google Stitch skills?+
Do I need to know how to code to create design skills?+
Can I use design skills with Claude Code and Cursor?+
What is the difference between vibe design and skill design?+
How does this relate to Designless and expression infrastructure?+
Design your own skill
Encode your design expertise into a reusable skill package. No code, no vendor lock-in.