Making UI changes

The playbook your agent reads before it touches any UI.

AuthoringAgentsGuardrail

What it does

A coding agent will change one button and reflow a page it never opened. This is the discipline that stops it: reuse before you create, add the story or capture in the same change, check the blast radius on anything shared, and prove the change with a visual test before calling it done. Wire it into your AGENTS.md / CLAUDE.md so the agent reads it on every UI change.

Wire it in once; the agent runs it before every component, page, or style change.

Reuse before you create, so a near-duplicate component never drifts from its twin.
Every state owes a story/capture in the same change, and the agent writes it, not you.
Checks the blast radius on shared components, then proves the result with a visual test.