design-system-builderlisted

# Design System Builder Build and evolve enterprise-quality CSS Design Systems on top of Chameleon web components ## Scope & Relationship - **Chameleon** provides the functional layer: web components (`ch-edit`, `ch-dialog`, `ch-accordion-render`, etc.) with structure, behavior, and interactivity - **The Design System (DS)** provides the visual layer: design tokens, CSS, documentation, and processes that define how every component looks for a given brand - The DS **does not** implement components. It skins Chameleon components through CSS classes, CSS custom properties, `::part()` selectors, and slotted-content styling Component-specific styling information — shadow parts, CSS custom properties, and shadow DOM layout — is maintained by the **chameleon-controls-library** skill. This skill provides the DS-level patterns for applying those styling APIs within a design system context ``` ┌──────────────────────────────────────────────────────┐ │ Application │ ├──────────────────────────────────────────────────────┤ │ Design System (CSS + Tokens + Docs) │ ├──────────────────────────────────────────────────────┤ │ Chameleon (Web Components) │ ├──────────────────────────────────────────────────────┤ │ Browser Platform │ └──────────────────────────────────────────────────────┘ ``` ## Workflow > **CRITICAL — Chameleon skill required:** Before writing any com