claude-design-playbook

To generate a DESIGN.md from a live site, use the brand-to-design-md route and provide the site URL or screenshots. The workflow analyzes your inputs and outputs a structured DESIGN.md following the canonical nine-section design system structure.

A design family is a foundational style framework for building design systems. You can pick a family by using the family-picker route, which guides you through prompts to select a design family before generating your system.

You can audit a live site against a DESIGN.md by selecting the audit-live-site-against-design-md route. This workflow performs evidence-backed auditing with explicit guardrails to check your site's compliance with the target design system.

Yes, you can remix two design systems into one coherent third system by using the remix-two-brands route. This workflow guides you through combining distinct design governance layers into a unified third system.

No, this workflow operates without external dependencies. It provides step-by-step route instructions and built-in references to help product teams establish consistent design systems and governance layers across multiple runtimes.

The canonical DESIGN.md structure consists of nine sections that define a comprehensive design system. This workflow enforces this specific structure to ensure operational requirements and governance layers are fully captured.