Iterate on UI with Live Mode

Live Mode is for focused visual iteration on a running page. It is not the route for a whole-page redesign.

Before you start

• Install Impeccable and run /impeccable init.
• Start the project's normal development server with HMR.
• Choose one bounded element or section to explore.

Start and pick

/impeccable live

Open the application URL, not the helper server. Use the picker to select an element, choose a specific action such as bolder, layout, or typeset, and add a concise direction.

Review and accept

Cycle through the generated variants in the live page. Accept one only after checking its real content, interaction states, responsive behavior, and fit with PRODUCT.md and DESIGN.md.

Accepting a variant writes it back to source. Discarding the set leaves the original implementation unchanged.

Stop cleanly

Stop Live Mode from the harness or picker when finished. The helper removes its injected development script and releases its local port.

If variants feel generic, verify that the project context files are present and current before generating another set.