ux-user-flow
CommunityRouting & multi-step UX patterns.
Authormatthewharwood
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Navigation architecture and user journey patterns for single-page game apps, including routing, state-driven UI, and progressive disclosure.
Core Features & Use Cases
- State-Based Routing: Game State Machine with explicit states and transitions.
- URL Hash Routing: Lightweight route handling via hash changes.
- Phase Progression: Manage multi-phase game flows and gating.
- Multi-Step Flows: Wizard-like step management without DOM querying.
- Progress Tracking: Visual indicators and data attributes for progress.
Quick Start
Define a game state machine, implement a hash router, and build a 4-step wizard that reveals steps as each phase completes.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: ux-user-flow Download link: https://github.com/matthewharwood/fantasy-phonics/archive/main.zip#ux-user-flow Please download this .zip file, extract it, and install it in the .claude/skills/ directory.