← ClaudeAtlas

ux-flowslisted

Use when designing or improving HOW users move through the product - task analysis, user flows (screens, branches, error paths), screen states, low-fi wireframes, Figma mockups, heuristic UX evaluation and redesign proposals. Maintains docs/ux/flows.md between foundation (stories) and scenarios. Triggers - "user flow" / "юзер флоу", "screen flow" / "флоу экранов", "user path" / "поток пользователя", "improve UX" / "улучши UX", "fix UX" / "почини UX", "wireframe" / "вайрфрейм", "figma" / "фигма", "design a screen" / "нарисуй дизайн", "mockup" / "мокап", "task analysis", "redesign flow".
ssheleg/super-ux · ★ 3 · Web & Frontend · score 79
Install: claude install-skill ssheleg/super-ux
# ux-flows — Design HOW Users Move > Part of **super-ux** — see [system-map.md](references/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`. **Contracts:** [scenario-format.md](references/scenario-format.md) (ux-contract v4, `flows.md` section) and [ux-design-principles.md](references/ux-design-principles.md) — read the principles doc before designing; it is the thinking playbook (task-analysis method, flow rules, PRN-01..24 heuristics, improvement procedure). Proven tactics: [best-practices.md](references/best-practices.md) by stage tags. Visual identity (which style pack the frames and the built UI obey, via the **sheleg-design** companion): [visual-identity.md](references/visual-identity.md). **Real flows off the shelf, before you invent one:** if the session exposes a reference server — **Refero** (`mcp__r