Recipes

How-to guides for the things you'll actually do: fill the design map, audit an existing screen, grow the Don'ts.

The rules pages explain the system. These recipes show how to use it on a real product.

Recipe	What it covers
Fill the Design Map	The setup step everything else depends on: product, character, world, signature, tokens
Audit an Existing Screen	Find the slop in a page that already ships, then fix it in order
Grow the Don'ts	Turn one correction into a rule that holds next session

New to the kit? Start with Fill the Design Map. Nothing else works well until the direction is written down.

Motion Reviewer Agent

Measures every animation against the ten motion standards and returns Block or Approve.

Fill the Design Map

The setup step everything else depends on: give the agent a product, a character, a world and one signature before it writes CSS.