# App Flow Designer

> Use when the user wants app flow design, onboarding flow strategy, dashboard UX planning, user journey design, signup flow, checkout flow, booking flow, mobile UX strategy, or screen-flow recommendations before UI implementation. Also use when the task is to make the product experience decision complete rather than just visually polished.

- Skill: `newmindsgroup/app-flow-designer` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add newmindsgroup/app-flow-designer`
- Raw SKILL.md: https://api.skillmd.com/api/skills/newmindsgroup/app-flow-designer/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Productivity
- License: MIT
- Author: newmindsgroup (https://skillmd.com/u/newmindsgroup)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/newmindsgroup/app-flow-designer

---


# App Flow Designer

Use this skill to make app and product UX flows concrete before screen implementation.

## Read First

- `/Users/newmindsgroup/.codex/knowledge/ux-patterns/flow-patterns.md`
- `/Users/newmindsgroup/.codex/knowledge/ux-patterns/onboarding-forms-commerce.md`
- `/Users/newmindsgroup/.codex/knowledge/ux-patterns/states-heuristics.md`
- `/Users/newmindsgroup/.codex/knowledge/design-reviews/app-flow-decision-memo.md`

## Purpose

- map the user goal and business goal
- define the smallest viable flow
- name friction points, trust gaps, and required states

## Workflow

1. Identify the surface, user goal, and business goal.
2. Choose the closest canonical flow pattern.
3. Map the steps, decisions, and states.
4. Produce a decision memo another designer or engineer can implement.

## Outputs

- flow decision memo
- simplified journey
- edge-state list
- UX recommendations