UX Flow

Define user journey, screens, states, and interactions before coding.

irwebtools 6ac973e 7 files · 1.9 KB Updated

File contents

ux-flow

When to use

Use when the task matches: ux-flow, user journey, screen flow.

Purpose

Agree experience behavior so POC implementation follows Product intent.

Inputs

  • Feature brief
  • User stories
  • Acceptance criteria

Process

  1. Map the primary user journey end to end.
  2. List screens or steps in order.
  3. Define loading, empty, error, success, and permission states.
  4. Confirm journey with Product before architecture or POC.

Outputs

  • User journey
  • Screen flow
  • States
  • Interactions

Verification

  • Confirm each output exists and is reviewable.
  • Keep Product validation and engineering verification distinct.
  • Do not claim completion without evidence.

Restrictions

  • Do not start React coding in this skill.
  • Do not invent a full design system without need.
  • Do not skip Product confirmation on ambiguous flows.

irwebtools/Product-Skills/tree/main/skills/product/ux-flow commit 6ac973e536

Frequently asked questions

npx skillmds@latest add irwebtools/ux-flow