Flow Brief — Development skill for Claude Code
An agent skill that turns a system, module, or unbuilt feature into a single-file HTML swimlane brief for readers outside the team — with provenance badges separating what is measured from what is mer.
How to install Flow Brief
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open shaokeyibb/flow-brief and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Flow Brief does
An agent skill that turns a system, module, or unbuilt feature into a single-file HTML swimlane brief for readers outside the team — with provenance badges separating what is measured from what is merely intended.
Alternatives in Development
- Trust Tiers — Trust Tier Badges 325 ★
- Claude Code Project Boundary — Claude Code plugin: scope-aware protection — allows destructive ops (rm, mv, chmod) within project, blocks the 86 ★
- Viewer — Open the SCC Artifact Viewer, or export a PDCA session as a shareable provenance page 40 ★
README
Flow Brief
Turn a system, a module, or a feature you haven't built yet into one page your director will actually read —
where every claim wears a badge saying how you know it.
Quick start · The five rules · Self-check · 中文 · MIT
Generated by an agent from a real codebase, unedited. The page speaks whatever language you asked in — this one came from a Chinese prompt. Both themes ship in the same file.
Why this exists
Ask any coding agent for "a diagram explaining how this works" and you usually get one of three failures:
- It draws boxes, not flow. Arrows everywhere, but you cannot see how the data changes shape from one step to the next.
- It draws intentions as if they were reality. The most damaging failure in anything written for leadership, and the hardest to spot from the outside.
- It writes for peers. Dense terminology, no framing, and your reader quits three lines in.
Flow Brief is a methodology plus a locked template plus a checker that refuses to pass work that skipped the methodology. The agent fills in content; it does not get to redesign the page — which is what makes the output consistent across different models and different runs.
Quick start
npx skills add shaokeyibb/flow-brief
That is the whole install. The CLI finds the agents you already have and asks where to put it. To target one directly:
npx skills add shaokeyibb/flow-brief -a claude-code
npx skills add shaokeyibb/flow-brief -a cursor
Related Skills
Paper Humanizer
Claude Code skill: turn a PDF research paper into an interactive HTML reading aid for non-native English reade
Lane Research
Research and provenance lane. Own the measured record and the class reference. Writes no code. Every claim car
Telltale
Dispatch room for five vendor CLIs. One brief, answered side by side. Statusline and HUD; every number is meas
Video Sharingan
The eye that copies any camera move: reverse-engineer a reference video's camera language, cuts, focus and aud
Flow Trace Skill
A Claude Code skill that turns "how does this request work?" into an interactive, animated, step-through page:
Module Map
在任意目录生成「域 → 包 → 脚本」模块地图。扫直属子目录的 catalog.yaml(每个=一个域)→ 缺的派 agent team 补齐 → 确定性引擎渲染 HTML 拓扑 + 依赖图 + 平台总部↔子公司视图 +
Related Agents
Brain Reviewer
Reviews a step's diff and report against the step brief's acceptance criteria and the spec's principles (schem
Speedwagon
Use this agent when authoring interactive explainer modules from a curriculum plan — transforms Riko's scope +
A11y Agent
Accessibility expert for React - semantic HTML, ARIA, keyboard, screen readers