UI Flow

Design or implement one product UI flow with loading, empty, error, and success states, verified on a real render. Use when the user asks to build a screen, fix a form, design a flow, or match an existing design system. Do not use to review an existing flow, extract a design system, or produce store screenshots.

SylphxAI 82aba74 5 files · 21.6 KB Updated

File contents

UI Flow

Match surrounding design-system density. Verify on a real render, not a description of the UI. Essential meaning has a visual or textual path — audio, haptics, and color never carry unique required state. A happy-path mock is not the flow.

Open interface craft rules for hierarchy. Open states, forms, and recovery for stateful flows. Open responsive mobile and input for layout. Open sensory feedback when sound, haptics, camera, or effects matter.

Use ui-review to judge an existing render. Use accessibility-conformance for a conformance claim.

SylphxAI/skills/tree/main/skills/ui-flow commit 82aba74b6a

Frequently asked questions

npx skillmds@latest add sylphxai/ui-flow