Build complete design systems — component tokens, Storybook stories, Figma variables, and living style guides.
--- name: design-system-c63cbaf6ce81 display_name: Design System description: Build complete design systems — component tokens, Storybook stories, Figma variables, and living style guides. category: Creative & Design platforms: [claude.ai, claude-code, api] version: 1.0.0 author: Claude Code tags: [design-system] --- # Design System ## Overview Build complete design systems — component tokens, Storybook stories, Figma variables, and living style guides. ## When to Use This Skill Use **Design System** when you need to: - Work with design system tasks in your project or workflow - Automate design system operations at scale - Generate production-quality design system output quickly ## Instructions When this skill is active, Claude will: 1. Understand the full context of your design system request 2. Apply best practices and conventions for Creative & Design 3. Produce clean, well-structured, production-ready output 4. Explain key decisions and offer alternatives where relevant ## Examples ### Example 1 — Basic Usage **User:** Help me get started with design system. **Claude:** I'll walk you through the essential steps for design system in your context... ### Example 2 — Advanced Usage **User:** I need a production-ready design system setup with full error handling. **Claude:** Here's a complete, production-hardened design system implementation... ## Guidelines - Always validate inputs before processing - Follow the conventions of the target platform or language - Prefer explicit over implicit — clarity beats cleverness - Include comments for non-obvious logic - Suggest tests or validation steps where appropriate ## Dependencies Required: react, storybook ## Platforms Available on: claude.ai, claude-code, api --- *Part of the [claude-skills](https://github.com/inbharatai/claude-skills) collection — 183+ skills for Claude.*--- name: design-system-c63cbaf6ce81 display_name: Design System description: Build complete design systems — component tokens, Storybook stories, Figma variables, and living style guides. category: Creative & Design platforms: [claude.ai, claude-code, api] version: 1.0.0 author: Claude Code tags: [design-system] --- # Design System ## Overview Build complete design systems — component tokens, Storybook stories, Figma variables, and living style guides. ## When to Use This Skill Use **Design System** when you need to: - Work with design system tasks in your project or workflow - Automate design system operations at scale - Generate production-quality design system output quickly ## Instructions When this skill is active, Claude will: 1. Understand the full context of your design system request 2. Apply best practices and conventions for Creative & Design 3. Produce clean, well-structured, production-ready output 4. Explain key decisions and offer alternatives where relevant ## Examples ### Example 1 — Basic Usage **User:** Help me get started with design system. **Claude:** I'll walk you through the essential steps for design system in your context... ### Example 2 — Advanced Usage **User:** I need a production-ready design system setup with full error handling. **Claude:** Here's a complete, production-hardened design system implementation... ## Guidelines - Always validate inputs before processing - Follow the conventions of the target platform or language - Prefer explicit over implicit — clarity beats cleverness - Include comments for non-obvious logic - Suggest tests or validation steps where appropriate ## Dependencies Required: react, storybook ## Platforms Available on: claude.ai, claude-code, api --- *Part of the [claude-skills](https://github.com/inbharatai/claude-skills) collection — 183+ skills for Claude.*
Imported from the listed AgentSkill.sh category. Complete supplied package files and notices are retained. Required external tools and credentials are not installed. No bundled code was executed during import. Individual agent task behavior has not been tested.