Skills
.Work. You
Rest

design-system-director

Community

Build and govern scalable design systems.

Design & Creative#consistency#scalability#tokens#design-system#ui-patterns#component-spec
Authormewomewoliu
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Orchestrates the governance of design systems by defining tokens, components, and guidelines that ensure consistency across products and brands. It reduces decision fatigue, speeds up product design, and aligns teams around a single source of truth.

Core Features & Use Cases

  • Token architecture and governance: primitives, semantic tokens, and component tokens to encode decisions, not values.
  • Component specifications: API-first component contracts and states to enable reliable implementation.
  • System governance and scaling: define patterns, UI guidelines, and multi-surface strategies for web and mobile.
  • Use Case: when auditing an existing product, generate token maps and component specs to align with the system.

Quick Start

Ask clarifying questions about product type, surfaces, and brand direction to begin drafting your first token architecture.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: design-system-director
Download link: https://github.com/mewomewoliu/ici-design-studio/archive/main.zip#design-system-director

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.