# flow-checker

Audits UX flows before wireframing and before production release. Catches friction in onboarding, forms, pricing tables, dashboards, and empty states.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · ★ 26
- Author: uxuiprinciples
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/uxuiprinciples/agent-skills/tree/HEAD/flow-checker/SKILL.md
- Updated: 2026-08-31
- HTML: https://affpapa.org/en/nevibecode/skills/flow-checker

## What it does

The skill evaluates user journeys in two distinct phases. Preflight raises core architectural questions before any UI work starts, catching missing constraints early. Postflight runs a binary verification pass on existing designs, assigning severity levels from low to critical. If any critical item fails, it flags the flow as not ready to ship.

Audits target five specific product flows: onboarding, forms, pricing, dashboard, and empty states. Each maps to a product metric like activation or conversion. If you only provide initial concepts without design specs, the agent runs preflight checks alone. Output arrives strictly formatted as JSON.

Without a pro `UXUI_API_KEY`, the skill relies solely on built-in rules, leaving out dynamic smell linkage and live severity ratings.

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add uxuiprinciples/agent-skills --skill flow-checker -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/flow-checker/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/flow-checker/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add uxuiprinciples/agent-skills --skill flow-checker -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/flow-checker/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add uxuiprinciples/agent-skills --skill flow-checker -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/flow-checker/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install uxuiprinciples/agent-skills flow-checker
```

2. **Manually: put the files in place**
- File: `.github/skills/flow-checker/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add uxuiprinciples/agent-skills --skill flow-checker -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/uxuiprinciples/agent-skills --path flow-checker
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/flow-checker/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add uxuiprinciples/agent-skills --skill flow-checker -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/uxuiprinciples/agent-skills/tree/HEAD/flow-checker/SKILL.md

## When to use it
- verify onboarding steps before handing layouts to engineering
- audit multi-step form validation against common UX defects
- identify missing requirements in zero-data empty states
- check pricing page decisions before writing production code

## Example prompts
- Run a preflight audit on our new workspace invitation flow
- Check this multi-step checkout form design against the forms checklist
- Evaluate our empty-state onboarding screens and check if they are ship-ready

## Similar
- [frontend-design](https://affpapa.org/en/nevibecode/skills/frontend-design.md) — skill · 1025790 installs
- [grill-me](https://affpapa.org/en/nevibecode/skills/grill-me.md) — skill · 1424476 installs
- [design-taste-frontend](https://affpapa.org/en/nevibecode/skills/design-taste-frontend.md) — skill · 678700 installs
- [prototype](https://affpapa.org/en/nevibecode/skills/prototype.md) — skill · 986201 installs
- [grilling](https://affpapa.org/en/nevibecode/skills/grilling.md) — skill · 979543 installs
- [codebase-design](https://affpapa.org/en/nevibecode/skills/codebase-design.md) — skill · 850344 installs

From the same set: [uxuiprinciples/agent-skills](https://affpapa.org/en/nevibecode/by/uxuiprinciples/agent-skills.md) — 5 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md