Five skills. One design contract.

Each skill reads the same .claude/d2c/design-tokens.json contract, so output stays coherent across scan, build, flow, audit, and guard. Reference pages render live from github.com/d2c-ai/d2c.

Start here · prerequisite

/d2c-init→

Scan your codebase, extract design tokens, write the contract.Every other skill reads the contract this one produces — run it once, then pick what's next below.

/d2c-build→
Turn a Figma URL into verified code in your framework and conventions.
/d2c-build-flow→
Stitch Figma frames into a connected flow — routes, stepper, or hybrid. Walks the loaded path end-to-end with Playwright, pixel-diffs each step, handles auth.
/d2c-audit→
Score adherence to the design system; auto-fix drift.
/d2c-guard→
Always-on enforcement as you edit component files.