ux-flows
Installation
SKILL.md
ux-flows — Design HOW Users Move
Part of super-ux — see system-map.md for the whole pipeline and the four sync rules. After changes, run the linter (
python3 docs/ux/lint.py).
Turns user stories into user flows AND maintains the UI map: task analysis →
flow diagram (mermaid) → the screen registry screens.md (every screen and
state with Figma frame, wireframe, coverage, resources) → optional
wireframes/Figma mockups. Also the home of UX improvement: heuristic
evaluation of existing flows and traced redesign proposals.
Two files owned: flows.md (flows referencing screens by SCR-ID) and
screens.md (the canonical per-screen spec — the design map that ties UX,
UI, Figma, and code together). A screen used by several flows is described
once in screens.md.