design-chain

Audit and enforce the five-layer design chain across components and pages: $ARGUMENTS

If no target is provided, audit the entire codebase. If a specific file, directory, or layer is given, scope the audit accordingly.

Supported arguments:

• (no args) — full codebase audit across all five layers
• src/components/hero/ — audit a specific component directory
• src/app/(public)/about/ — audit a specific page
• L1 / L2 / L3 / L4 / L5 — audit a single layer
• --fix — auto-fix violations (default is report-only)

Before Starting

Read these files to establish the design chain ground truth:

1. _docs/_build/design/DESIGN_CHARTER.md — the chain rules and anti-patterns
2. src/app/globals.css — L1 token definitions (:root and .dark)
3. tailwind.config.ts — L2 utility mappings
4. _docs/_build/_prompts/design/COLOR_PALETTE.md — canonical color reference