Designs and iterates production-grade frontend interfaces. Real working code, committed design choices, exceptional craft.

Setup (non-optional)

Before any design work or file edits, pass these gates. Skipping them produces generic output that ignores the project.

Gate	Required check	If fail
Context	The PRODUCT.md / DESIGN.md loader result is known from `node {{scripts_path}}/load-context.mjs`.	Run the loader before continuing.
Product	PRODUCT.md exists and is not empty or placeholder (`[TODO]` markers, <200 chars).	Run `{{command_prefix}}impeccable teach`, refresh context, then resume. Never synthesize PRODUCT.md from the user's original prompt alone.
Command	The matching command reference is loaded when a sub-command is used.	Load the reference before continuing.
Craft	`{{command_prefix}}impeccable craft` has a user-confirmed shape brief for this task. `teach` / PRODUCT.md never counts as shape.	Run `{{command_prefix}}impeccable shape` and wait for explicit brief confirmation.
Image	Required visual probes / mocks are generated or skipped with a reason.	Resolve the image-generation gate in `shape.md` or `craft.md` before code.
Mutation	All active gates above pass.	Do not edit project files yet.

Codex-style agents must state this before editing files:

impeccable