user-flow

user-flow is a skill for Claude Code from gowtham012/Claude-plugins. It costs 48 tokens per session (274 once invoked), scanned A, original, MIT.

A tool that reconstructs the user journey shown in a screen recording as numbered steps with screenshots. A user journey describes the sequence of actions and results a person experiences.

In plain words
What is it for?
Use it to create step-by-step user-flow documents showing navigation, interactions, newly visible elements, and spoken context.
Why use it?
It makes a recorded workflow easier to understand and reuse for documentation, quality checks, or onboarding instructions.

Skill for Claude Code

Written for Claude Code: allowed-tools in frontmatter. Also seen: positional $N argument.

Part of the video-insight plugin — 17 skills shipped together

Good fit Use it to create step-by-step user-flow documents showing navigation, interactions, newly visible elements, and spoken context.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/gowtham012/claude-plugins/user-flow
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add gowtham012/Claude-plugins --skill user-flow
Clone the repo
git clone --depth 1 https://github.com/gowtham012/Claude-plugins

Made for: Claude Code.

Or install video-insight, the plugin that ships this one along with the rest of its 17 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for user-flow

README.md
[![agentmods](https://agentmods.dev/badge/skills/gowtham012/claude-plugins/user-flow/github.svg)](https://agentmods.dev/skills/gowtham012/claude-plugins/user-flow)
Your own site
<a href="https://agentmods.dev/skills/gowtham012/claude-plugins/user-flow"><img src="https://agentmods.dev/badge/skills/gowtham012/claude-plugins/user-flow/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for user-flow

Your own site · 80×15
<a href="https://agentmods.dev/skills/gowtham012/claude-plugins/user-flow"><img src="https://agentmods.dev/badge/skills/gowtham012/claude-plugins/user-flow.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 48 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 274 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00048 $0.00274
Opus 5.5 $0.00019 $0.00110
Sonnet 5.5 $0.00010 $0.00055
Haiku 4.5 $0.00005 $0.00027

Measured 1mo ago against content hash c9393fc52c07, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

user-flow scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 1mo ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

video-insight/skills/user-flow/SKILL.md · 33 lines

What it actually says

Generate user flow from video: $ARGUMENTS

Steps

  1. Call MCP tool mcp__video-insight__user_flow with video_path = $0.
  2. Read keyframe image for each step.
  3. Use step.label as the step title, text_appeared for new visible elements, narration for spoken context.
  4. Generate a numbered markdown flow:
## User Flow: <filename>

**Step 1 — Start / Landing** (0s)
[keyframe]
User sees: Dashboard, Analytics, Layers, Wallet

**Step 2 — Navigate → Products** (3.2s)
[keyframe]
User navigates. New elements: Product Catalog, $29/mo

**Step 3 — Interact: Add to Cart** (8.5s)
[keyframe]
User clicks. New element: Cart (1)
Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 1mo ago First seen · 33 lines · 48 tokens per session scan A c9393fc52c07

Subscribe to this mod's changes

user-flow is a skill published in the GitHub repository gowtham012/Claude-plugins (5 stars, last pushed 7mo ago), licensed MIT. It adds 48 tokens to every session and 274 once invoked, about $0.0002 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

open-pencil

Work with Figma .fig design files and the running OpenPencil editor — inspect structure, query nodes, analyze design tokens, export PNG/SVG/PDF/JSX, and modify designs programmatically. Use when asked to open, inspect, export, analyze, or edit .fig files, or to control the running OpenPencil app.

open-pencil/open-pencil · 73 tokens

visualize

Render a polished visual inline in the chat as part of your answer — a diagram, a chart, an interactive explainer, or a UI mockup. Load it proactively whenever an explanation would land better as a picture than as prose. Do not wait to be asked.

vellum-ai/vellum-assistant · 57 tokens

vellum-workspace-theme

Customize the app's visual theme — author design-token overrides (accent, background, surfaces, text, message-bubble colors) in the workspace ui/theme.json, validated by the assistant runtime and applied live to connected clients. Covers the token slots, the all-or-none override groups, the contrast floor, and reading…

vellum-ai/vellum-assistant · 72 tokens

vellum-avatar

Customize the assistant's avatar - build a native character, upload an image, or generate one with AI.

vellum-ai/vellum-assistant · 24 tokens

openscreen-design

Use this skill to generate well-branded interfaces and assets for OpenScreen (an AI-native screen-recording studio & video editor), either for production or throwaway prototypes/mocks/etc. Contains essential design guidelines, colors, type, fonts, assets, and UI kit components for prototyping.

getopenscreen/openscreen · 62 tokens

presentation-design

Designs slide decks and one-pagers that carry an argument rather than decorate one — deck structure, headlines that state the takeaway, charts that make a single point, and the different rules board decks and conference talks follow. Use this to build or fix a pitch deck, board deck, or conference talk, to design a…

cbrock84/headcount · 109 tokens