design-system-creation

3 stars
17

Creates comprehensive design systems with typography, colors, components, and documentation for consistent UI development. Use when establishing design standards, building component libraries, or ensuring cross-team consistency.Keywords: design-tokens, typography, spacing, color-palette, components, patterns, variables, dark-mode, theming, CSS-variables, accessibility, WCAG, responsive, grid-system, breakpoints, design-scale, semantic-tokens, component-library, style-guide, documentation, Fig...

Marketplace
Also in: word ci cd

Third-Party Agent Skill: Review the code before installing. Agent skills execute in your AI assistant's environment and can access your files. Learn more about security

Installation for Agentic Skill

View all platforms →
skilz install secondsky/claude-skills/design-system-creation
skilz install secondsky/claude-skills/design-system-creation --agent opencode
skilz install secondsky/claude-skills/design-system-creation --agent codex
skilz install secondsky/claude-skills/design-system-creation --agent gemini

First time? Install Skilz: pip install skilz

Works with 14 AI coding assistants

Cursor, Aider, Copilot, Windsurf, Qwen, Kimi, and more...

View All Agents
Download Agent Skill ZIP

Extract and copy to ~/.claude/skills/ then restart Claude Desktop

1. Clone the repository:
git clone https://github.com/secondsky/claude-skills
2. Copy the agent skill directory:
cp -r claude-skills/plugins/design-system-creation/skills/design-system-creation ~/.claude/skills/

Need detailed installation help? Check our platform-specific guides:

Related Agentic Skills

Agentic Skill Details

Repository
claude-skills
Stars
3
Type
Technical
Meta-Domain
productivity
Primary Domain
markdown
Market Score
17

Report Security Issue

Found a security vulnerability in this agent skill?