How do I install the Design System skill?

Run npx skills-ws install design-system in your project. The skill is added to your agent's skills directory (.claude/skills, .cursor/skills, .agents/skills, or the OpenClaw workspace skills/ directory) and works with Claude Code, OpenClaw, Cursor, Codex, and GitHub Copilot.

Which AI coding assistants support the Design System skill?

Design System works with any agent that supports the SKILL.md standard, including openclaw, claude-code, cursor, codex.

Is the Design System skill free?

Yes. Design System is MIT-licensed open source and free to use. Source code is on GitHub at github.com/san-npm/skills-ws.

Design System skill

Design System is an agent skill for AI coding assistants (Claude Code, OpenClaw, Cursor, Codex). Build and audit React/Tailwind design systems: design tokens, CVA component libraries, Storybook 10 docs/tests, WCAG 2.2 accessibility, theming, Figma-to-code token pipelines, npm publishing. Use when building or reviewing a component library, token pipeline, Storybook setup, theming, or Figma handoff on React 18/19 + Tailwind v4. Install with: npx skills-ws install design-system.

designv1.11.0Updated Aug 2026

copied ✓

openclawclaude-codecursorcodex

0 installsSecurity scan: cleanSource code

Design System Implementation

Reference guide

Read only the references needed for the current request:

1. Design Tokens: references/1-design-tokens.md
2. Component Architecture (Atomic Design): references/2-component-architecture-atomic-design.md
3. Component Variants with CVA: references/3-component-variants-with-cva.md
4. Storybook Setup (Storybook 10): references/4-storybook-setup-storybook-10.md
5. Accessibility: references/5-accessibility.md
6. Theming (Dark Mode): references/6-theming-dark-mode.md
7. Figma-to-Code Workflow: references/7-figma-to-code-workflow.md
8. Testing Components: references/8-testing-components.md
9. Publishing Components: references/9-publishing-components.md
10. Popular Systems to Reference: references/10-popular-systems-to-reference.md

Design System Implementation

Reference guide

Related Design skills