ui-prototyperlisted
Install: claude install-skill x0c/ui-prototyper-skill
# UI Prototyper
Make the product moment visually unforgettable. Do not make a neat but anonymous dashboard.
## Lock truth; free the composition
Privately identify the one present-tense moment shown in this image: what the person needs to notice, decide, or trust right now. Lock only its real state, decisive action, essential information, exact copy, platform, and hard exclusions.
The contract protects product truth. It is not a wireframe and it is not a checklist requiring every route, setting, navigation label, and capability on the same canvas. Keep secondary capability as one quiet cluster or entry point, or reserve it for its own screen. Never invent product behavior.
## Start with a visual proposition
For every direction, write a private proposition before naming controls. It must state:
- the product transformation made physical or visible—for example, sound becoming language, scattered work becoming a plan, or uncertainty becoming a clear next step;
- one dominant visual event, material field, typographic gesture, illustration, or graphic system that owns the screen at thumbnail size;
- the reading path, deliberate asymmetry or balance, repetition, alignment, proximity, and negative space;
- a small palette with distinct jobs: atmosphere, active motion, settled information, and interruption or danger;
- how a quiet icon/control cluster supports the hero without competing with it.
"Dark", "minimal", "premium", a centered card, or a status pill is not a visual pr