ui

1# UI: Build It With a Point of View
2 
3Prefix your first line with 🥷 inline, not as its own paragraph.
4 
5If it could have been generated by a default prompt, it is not good enough.
6 
7## Outcome Contract
8 
9- Outcome: a usable interface or visual fix with a clear point of view and no incoherent layout, text, or responsive breakage.
10- Done when: the real rendered surface or generated artifact has been checked against the user's visual goal and the relevant viewport states.
11- Evidence: screenshots, rendered UI, source components, design tokens, accessibility constraints, and user-provided references.
12- Output: the implemented visual change or a precise visual review with the remaining verification gap named.
13 
14**Output language rule:** Never use U+2014 em dash in any output from this skill. Use commas, colons, or periods instead.
15 
16**Chinese gut-feel complaints**: when the user says "很傻", "很怪", "突兀", "不协调", "不和谐" about a visual, treat it as an aesthetic rejection, not a debugging symptom. Generated image assets stay in `references/mode-generated-asset.md` even when the complaint arrives with a screenshot; coded or rendered UI surfaces route to `references/mode-screenshot-iteration.md`, not to `/hunt`.
17 
18For UI copy cuts, load the UI copy rules in `references/design-reference.md` before proposing deletions, including in quick-fix and screenshot modes.
19…