Agent skill

Flow Next Visual

by gmickel in gmickel/flow-next

Restate a spec, a task, a diff, or the current topic visually as a compact markdown digest.

MITAuto-check: notesDevelopment

Install Flow Next Visual

skills CLI
$ npx skills add gmickel/flow-next --skill flow-next-visual -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install gmickel/flow-next flow-next-visual --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/gmickel/flow-next.git skills-src && mkdir -p .claude/skills && cp -r skills-src/plugins/flow-next/skills/flow-next-visual .claude/skills/flow-next-visual && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
flow-next-visual
GitHub stars
707
Token cost
~2.4k tokens
SKILL.md length
1,187 words
Files
1
Skills in repo
43
Repo updated
First seen
Licence
MIT

At a glance

Restate a spec, a task, a diff, or the current topic visually as a compact markdown digest.

  • Works in 6 steps: Thesis — 1-2 sentences: what ships and… → Task tree — indented text tree in… → Planned file-layout diff — shallow tree… → …
  • Asked to show me
  • SKILL.md covers Preamble, Input, Digest modes and Grounding (hallucination…, plus 3 more sections
  • Calls git

What it does

Flow Next Visual is an agent skill from gmickel/flow-next. Restate a spec, a task, a diff, or the current topic visually as a compact markdown digest. Use when asked to 'show me', 'explain this visually', 'restate that', 'digest the plan', 'walk me through the spec', 'walk me through the tasks', 'walk me through the diff', or when the output is too much text and a shape would land faster. Triggers on /flow-next:visual with an optional spec id, task id, git range, or free-form topic.

Its SKILL.md is about 2.4k tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.

It sits in Development, covering Markdown. It works with Git. The repository describes itself as: Faster than your agent alone. And better. A workflow plugin that takes a bug, idea or ticket to a verified pull request: specs, cross-model review by risk, live QA, receipts in… The licence is MIT.

When your agent uses it

  • Asked to show me
  • Explain this visually
  • Digest the plan
  • Walk me through the spec

Example prompts

  • “show me”
  • “explain this visually”
  • “restate that”
  • “/flow-next-visual”

Requirements

  • Pre-approved tools (allowed-tools): Read, Bash, Grep, Glob

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Thesis — 1-2 sentences: what ships and why.
  2. Task tree — indented text tree in dependency order, parallel groups adjacent; one line per task: id, short title, the one thing it produces.
  3. Planned file-layout diff — shallow tree with + (new) / ~ (changed) per file or dir, one-line responsibility, owning task id annotated, so…
  4. Shape sketch — the new/changed types, signatures, config keys, or command surfaces the tasks will create (shape 6), when the plan implies…
  5. R-ID coverage line — one compact line or tiny table from the tasks' declared satisfies arrays, which live in each task file's frontmatter…
  6. Boundaries — IS / IS-NOT, one line each side.

What it can do on your machine

Read from SKILL.md and the folder at commit 09e291e. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves these tools, so the agent can use them without asking each time:

    • Read
    • Bash
    • Grep
    • Glob

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • git

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use git, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Flow Next Visual loads about 2.4k tokens when it runs. Until then it costs about 111 tokens; SKILL.md has 1,187 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~111
When it runs · the whole SKILL.md, loaded when a task matches
~2.4k

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check: notes

The automated check noted patterns worth knowing about, such as sudo or a known installer.

  • NotePre-approves every shell command (allowed-tools: Bash)SKILL.md
    allowed-tools: Read, Bash, Grep, Glob

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from gmickel/flow-next at commit 09e291e, republished under its MIT licence (© gmickel). 1,187 words, ~2,446 tokens.

Download SKILL.mdSave it as .claude/skills/flow-next-visual/SKILL.md (or your agent's skills folder).
name
flow-next-visual
description
Restate a spec, a task, a diff, or the current topic visually as a compact markdown digest. Use when asked to 'show me', 'explain this visually', 'restate that', 'digest the plan', 'walk me through the spec', 'walk me through the tasks', 'walk me through the diff', or when the output is too much text and a shape would land faster. Triggers on /flow-next:visual with an optional spec id, task id, git range, or free-form topic.
allowed-tools
Read, Bash, Grep, Glob
user-invocable
false

Visual — human-first markdown digest

Restate one thing visually, in compact markdown, on one screen. The structure IS the output: the reader scans the shape, spots the wrong thing, and drills into only that file instead of reading everything to find out whether anything is wrong.

Output contract: compact markdown visuals rendered in chat — fenced text/diff/code blocks and tiny tables. Never images, never HTML files, never a written artifact. Everything here renders natively in the terminal, in chat, and on every forge: diff fences color for free, text is monospace everywhere, ```ts gets highlighting for free. There is no rendering machinery — the shapes below are the whole product.

Read-only. This skill reads state and responds. It never writes files, never mutates flow state, never commits, never runs a workflow. (If the user asks to save a digest, that is an ordinary Write with ordinary consent — not a mode of this skill.)

Preamble

flowctl is bundled with the plugin (not on PATH). Define once; subsequent blocks use $FLOWCTL:

bash
FLOWCTL="${DROID_PLUGIN_ROOT:-${CLAUDE_PLUGIN_ROOT}}/scripts/flowctl"
[ -x "$FLOWCTL" ] || FLOWCTL="<plugin-root>/scripts/flowctl"   # <plugin-root> = the directory two levels above this skill's SKILL.md file (the harness gave you that file's absolute path when the skill loaded); substitute it literally
[ -x "$FLOWCTL" ] || FLOWCTL=".flow/bin/flowctl"

Input

Arguments: $ARGUMENTS — optional. One of:

  • Spec id (fn-12-add-oauth) → spec digest
  • Task id (fn-12-add-oauth.1) → task digest
  • Git range (main..HEAD, abc123..def456, or the bare word diff) → diff digest
  • Nothing, or free-form text → ad-hoc restate of the current topic (or of the text pointed at)

Digest modes

Spec digest (post-plan) — the primary mode

Read $FLOWCTL show <spec-id> --json, the spec markdown ($FLOWCTL cat <spec-id>), and every task file ($FLOWCTL cat <task-id>). Emit these six elements, in order, on one screen:

  1. Thesis — 1-2 sentences: what ships and why.
  2. Task tree — indented text tree in dependency order, parallel groups adjacent; one line per task: id, short title, the one thing it produces.
  3. Planned file-layout diff — shallow tree with + (new) / ~ (changed) per file or dir, one-line responsibility, owning task id annotated, so the reviewer sees where the change lands and who owns it.
  4. Shape sketch — the new/changed types, signatures, config keys, or command surfaces the tasks will create (shape 6), when the plan implies any. Skip when it implies none.
  5. R-ID coverage line — one compact line or tiny table from the tasks' declared satisfies arrays, which live in each task file's frontmatter ($FLOWCTL cat <task-id>), not in show --json: R1 -> t1 · R2 -> t2,t3 · R5 -> UNCOVERED. Uncovered and undeclared jump out instead of needing cross-referencing.
  6. Boundaries — IS / IS-NOT, one line each side.
Spec digest (pre-plan)

No tasks yet: thesis, proposed shape, edge cases as one-liners, boundaries. No task tree, no coverage line — there is nothing to derive them from, and inventing them is the failure mode this mode exists to avoid.

Task digest

One task: what it produces (shape sketch or file-layout diff), its position in the dependency tree, and its acceptance restated as 1-3 predicates.

Diff digest

Input is a git range; on a branch with no range given, default to the merge base with the default branch (git merge-base origin/HEAD HEAD or the repo's default branch). Emit a file-layout diff with paths from git diff --name-status (rename-aware path identity — --stat prints {old => new} presentation labels, not paths) and churn from git diff --stat, plus a call-tree or component-tree sketch of the load-bearing structural change — when the diff carries one. A docs/config-only range with no real call or component relationship gets the grounded file-layout diff alone; never invent structure to satisfy the shape. For orienting a reader before they read the real diff. Empty range: say so in one line and stop — never fabricate a sketch.

Ad-hoc restate

No flow id: restate the current conversation topic, or the text the user points at, using the vocabulary. This is the "too much text — show me" mode and the natural-language entry point. Needs no flowctl and no git.

Grounding (hallucination guardrails)

  • Every path in a file tree comes from a task file, the spec, or git diff --name-status — never invented. (--stat is for churn numbers only; its rename labels {old => new} are presentation strings, not paths.)
  • Every edge in a call tree traces to real code read in this session or to a real task dependency. In ad-hoc mode, paths and relationships explicitly present in the supplied topic text also count as grounded — restating them is the job; adding ones the text does not support is not.
  • Coverage lines come from the tasks' declared satisfies frontmatter (read with $FLOWCTL cat <task-id>) checked against the spec's R-IDs, not from re-narrated prose.
  • No embellishment nodes "for clarity". When in doubt: fewer nodes, more honest.
  • Nothing readable → say what was unreadable in one line, digest what is readable. A digest that quietly invents the missing half is worse than a short one.
Show full SKILL.md (423 more words)Show less

Degradation

  • No tasks yet → pre-plan spec digest.
  • No spec (or the id resolves to nothing) → diff digest if a range applies, else ad-hoc restate.
  • No flowctl, no flow install, or not a git repo → ad-hoc restate, with a one-line notice of what was unavailable. The vocabulary needs neither.

Shape vocabulary

Pick the smallest view that makes the key point clear. Place each visual next to the short text it supports — the visual supplements a one-or-two-sentence plain statement, never replaces it. Use one or a few shapes, never all of them. Skip preamble; prose stays brief and load-bearing.

1. Pseudocode — logic or an algorithm:

text
on(message)
  if seen(message.id)
    drop
  enqueue(message)
  schedule flush

2. Call tree (indented text) — runtime control flow, orchestration, backend-shaped problems:

text
startMission
  resolveFleet
    claimSeat
    openSession
  streamEvents

3. Component tree — UI structure, keeping ONLY the state hooks and module boundaries that matter:

tsx
<MissionBoard> (apps/cockpit/src/routes/mission.tsx)
  useFleetEvents()
  <SeatGrid>
    <SeatCard> (packages/ui)

4. Shallow file tree — "where does this live" / scoping a refactor; one line of responsibility per entry:

text
src/
|-- ingest/        # tails source feeds
|-- index/         # owns the search index
`-- query/         # answers searches

5. Diff-fenced structural sketch — the standout shape: diff syntax applied to a SHAPE (call tree, file tree, component tree, pseudocode), used when the point is what changes and the surrounding shape already exists. Match the diff shape to the topic.

File-layout change:

diff
 src/
 |-- ingest/
+|   `-- dedupe.ts        # drops repeated events
 |-- index/
-`-- query.ts
+`-- query/
+    |-- parser.ts
+    `-- ranker.ts

Component-tree change:

diff
 <MissionBoard>
   useFleetEvents()
   <SeatGrid>
+    <SeatFilter />
   <EventFeed>
+    <RetryBanner />

Call-tree change:

diff
 startMission
   resolveFleet
     claimSeat
+    verifyAuth
     openSession
-  streamEvents
+  streamEvents
+    replayBacklog

State/control-flow change:

diff
 on(message)
-  enqueue(message)
+  if seen(message.id)
+    drop
+  enqueue(message)
+  schedule flush

6. Types and signatures — the shape of code before any of it exists (the thing plan prose buries):

ts
interface Seat {
  id: SeatId
  missionId: MissionId | null
}

assignSeat(seats: Seat[], policy: Policy) -> SeatId | null

7. Compact table — short enumerable facts only (R-ID coverage, per-task file ownership). Explanations live in the surrounding prose, never in cells.

8. Mermaid — LAST resort. Only when interaction or sequence genuinely needs it (renders graphically on forges, degrades to source in terminals); when warranted, sequence and state diagrams are the two forms that earn their keep. A text shape that carries the same point wins every time. Use valid identifiers, quote labels containing punctuation, and check syntax before emitting.

Whole-block rule. Show a complete block instead of a diff when most of it is new, when omitted context would hide ownership or order, or when the reader needs a copyable target shape.

Trimming rule. Within the chosen shape, keep ONLY the calls, files, props, states, and boundaries needed to answer the current question — everything else is left out, even when true.

Forbidden

  • Writing any file, mutating flow state, committing, or running another workflow.
  • Emitting images or HTML — chat markdown only.
  • Inventing a path, an edge, or a coverage claim that no read state supports.
  • Emitting mermaid when a text shape would have carried the point.
  • Using every shape because they exist — one or a few, chosen for the question.
  • Padding with preamble, restating the spec in prose, or exceeding one screen.

© gmickel, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

Just SKILL.md in plugins/flow-next/skills/flow-next-visual of gmickel/flow-next.

Open the folder on GitHubat commit 09e291e

Compare with similar skills

Flow Next Visual next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Flow Next Visual compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Flow Next Visual this skillgmickel/flow-next707—~2.4kAutomated safety check: NotesMIT
Cut Releasespiculedata/saiku1.3k—~502Automated safety check: PassApache-2.0
Ljg Pushlijigang/ljg-skills7.5k—~1.4kAutomated safety check: PassMIT
Changelog Writerjihe520/mindpocket349—~1.1kAutomated safety check: PassNone
Veomni Fix DocsByteDance-Seed/VeOmni2.2k—~1.4kAutomated safety check: PassApache-2.0
Notcrawlopenclaw/notcrawl134—~698Automated safety check: PassMIT

Similar skills

  • Cut Release

    spiculedata/saiku

    Cut a Saiku release via Gitflow — version bump, release branch, PR to main, tag, back-merge, and post-release chores.

    1.3k GitHub stars~502 tokensUpdated today
    DevelopmentAuto-check passed
  • Ljg Push

    lijigang/ljg-skills

    把 ~/.agents/skills/ljg- 里所有更新过的 skills 同步到 github repo (ljg-skills),先推 master 分支(org-mode 输出风格),再切 md 分支(markdown 输出风格)做基础 markdown 化后推。Use when user says '/ljg-push', 'push skills', '推送 skills'…

    7.5k GitHub stars~1.4k tokensUpdated 2 days ago
    DevelopmentAuto-check passed
  • Changelog Writer

    jihe520/mindpocket

    A skill your agent uses when the user wants to create or update a changelog, release notes, product updates, or an MDX changelog page from git history or local code changes.

    349 GitHub stars~1.1k tokensUpdated 2 mo ago
    DevelopmentAuto-check passed
  • Veomni Fix Docs

    ByteDance-Seed/VeOmni

    Audit and correct VeOmni documentation links, Markdown, language, and technical claims against repository sources.

    2.2k GitHub stars~1.4k tokensUpdated today
    Documents & OfficeAuto-check passed
  • Notcrawl

    openclaw/notcrawl

    A skill your agent uses for local Notion archive search, sync freshness, Markdown/database exports, git-share snapshots, and Notcrawl repo/release work.

    134 GitHub stars~698 tokensUpdated yesterday
    DatabasesAuto-check passed
  • 抓取并汇总"数据库、AI、GitHub、AI 论文"近 1 周新闻,输出图文并茂(含 mermaid 图)的 markdown 周报到当前项目的 markdown/ 目录。覆盖 10 个数据源:postgresweekly.com/issues(自动解析最新 issue…

    8.6k GitHub stars~1.2k tokensUpdated 10 days ago
    DatabasesAuto-check passed

More from gmickel/flow-next

All 43 skills in this repo
  • Flow Next Resolve PR

    gmickel/flow-next

    Resolve PR review feedback. An agent skill from gmickel/flow-next.

    707 GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed
  • Flow Next Resolve PR

    gmickel/flow-next

    Resolve PR review feedback — fetch unresolved threads, triage, dispatch per-thread resolver agents, validate, commit, reply + resolve via GraphQL.

    707 GitHub stars~1.1k tokensUpdated yesterday
    Auto-check passed
  • Flow Next

    gmickel/flow-next

    Manage .flow/ tasks and specs. An agent skill from gmickel/flow-next.

    707 GitHub stars~1.6k tokensUpdated yesterday
    Auto-check passed
  • Flow Next Audit

    gmickel/flow-next

    Audit .flow/memory/ entries against the current codebase and decide Keep / Update / Consolidate / Replace / Delete / Harden per entry.

    707 GitHub stars~3.1k tokensUpdated yesterday
    Auto-check: notes
  • Flow Next Capture

    gmickel/flow-next

    Save the current conversation as a source-tagged flow-next spec, then offer review or editing.

    707 GitHub stars~1.9k tokensUpdated yesterday
    Auto-check: notes
  • Flow Next Chart

    gmickel/flow-next

    Decision-map discovery for one oversized unclear idea before capture.

    707 GitHub stars~2.7k tokensUpdated yesterday
    Auto-check: notes

Works with

Questions about Flow Next Visual

What does Flow Next Visual do?

Restate a spec, a task, a diff, or the current topic visually as a compact markdown digest. Flow Next Visual is an agent skill from gmickel/flow-next. Restate a spec, a task, a diff, or the current topic visually as a compact markdown digest.

When should I use Flow Next Visual?

Flow Next Visual fits situations like: asked to show me; explain this visually; digest the plan; walk me through the spec.

How do I install Flow Next Visual in Claude Code?

Run `npx skills add gmickel/flow-next --skill flow-next-visual -a claude-code`. Or copy the skill folder (plugins/flow-next/skills/flow-next-visual in gmickel/flow-next) into .claude/skills/flow-next-visual in your project. Claude Code loads it when a task matches its description.

How do I install Flow Next Visual in Codex?

Run `npx skills add gmickel/flow-next --skill flow-next-visual -a codex`. Or copy the skill folder (plugins/flow-next/skills/flow-next-visual in gmickel/flow-next) into .agents/skills/flow-next-visual in your project. Codex loads it when a task matches its description.

Can I use Flow Next Visual in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add gmickel/flow-next --skill flow-next-visual -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/flow-next-visual, .gemini/skills/flow-next-visual, .github/skills/flow-next-visual and .opencode/skills/flow-next-visual in your project.

What does Flow Next Visual need to run?

Going by SKILL.md and its folder, Flow Next Visual needs the command-line tools its instructions call (git). Its frontmatter pre-approves these tools: Read, Bash, Grep, Glob.

Does Flow Next Visual access the network?

SKILL.md contains no URLs. Its commands use git, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Flow Next Visual safe to install?

Our automated static check of SKILL.md found notes only (pre-approves every shell command (allowed-tools: bash)), nothing it rates as a warning. It is not a guarantee. Review the folder before installing.

What licence does Flow Next Visual use?

Flow Next Visual is published under the MIT licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Flow Next Visual use?

About 2.4k tokens (SKILL.md is roughly 9.8k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Flow Next Visual?

Skills that share tags, products or a category with Flow Next Visual: Cut Release (spiculedata/saiku, 1.3k stars), Ljg Push (lijigang/ljg-skills, 7.5k stars), Changelog Writer (jihe520/mindpocket, 349 stars) and Veomni Fix Docs (ByteDance-Seed/VeOmni, 2.2k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Flow Next Visual?

gmickel (a GitHub user) maintains it in gmickel/flow-next, which has 707 GitHub stars. The repository holds 43 skills in this directory. The repository was last updated on October 7, 2026.

Source: gmickel/flow-next on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.