Front-load design alignment before implementing UI changes. Use when modifying existing components, redesigning pages, or refining visual styles. Auto-invoke when the user mentions 'redesign', 'restyle', 'refine the UI', 'update the layout', 'make it look', or 'visual changes'.
Before writing ANY code for a UI change, you MUST complete this alignment step.
Present a structured proposal to the user:
KEEPING UNCHANGED:
MODIFYING:
ADDING:
STRUCTURAL CHANGES:
Wait for the user's explicit approval before writing any code.
After approval, implement only the approved changes. If you find yourself wanting to change something not in the approved list, STOP and ask first.