design-system-creator

Builds comprehensive design systems and design bibles with production-ready CSS. Expert in design tokens, component libraries, CSS architecture. Use for design system creation, token architecture, component documentation, style guide generation. Activate on "design system", "design tokens", "CSS architecture", "component library", "style guide", "design bible". NOT for typography deep-dives (use typography-expert), color theory mathematics (use color-theory-palette-harmony-expert), brand identity strategy (use web-design-expert), or actual UI implementation (use web-design-expert or native-app-designer).

Design & Creative

#design-system#tokens#components#css#style-guide

Allowed Tools

ReadWriteEditGlobmcp__magic__21st_magic_component_buildermcp__magic__21st_magic_component_refinermcp__stability-ai__stability-ai-generate-imagemcp__firecrawl__firecrawl_search

Pairs With

typography-expert

Typography decisions for the system

color-theory-palette-harmony-expert

Color token architecture

Share this skill

Twitter LinkedIn

Skills use the open SKILL.md standard — the same file works across all platforms.

Install all 463+ skills as a plugin

claude plugin marketplace add curiositech/windags-skills claude plugin install windags-skills

Claude activates design-system-creator automatically when your task matches its description.

View on GitHub