Flowpane — Productivity skill for Claude Code

flowpane — a live graph of a Claude Code workflow run

**Claude Code** runs a workflow as a list of agents ticking over. **flowpane** draws it instead: one column per phase, an agent as a node, the barriers and carries between them as edges, repainted about eight times a second while the run is live.

Built on Claude Code **function hooks** (**Claude Mods**), the early-access plugin API from [anthropics/claude-code#91870](https://github.com/anthropics/claude-code/issues/91870).

Screenshots

Phases across	Phases down

Timeline	A node's detail

What it draws

• Every agent as a node, framed in its own state — green for done, yellow for running, red for failed, grey for one the run cut off — with its name, how long it took, what it spent and the model it ran on.
• The shape of the run: phases as columns or bands, fan-outs folded to fit, loops marked with the number of passes, chains that stopped early left short, and a phase the run never entered drawn as skipped rather than as failed.
• What is happening now: a travelling light along the live wires, the tool an agent is calling written on its card, and a running total of tokens, tool calls and models on the run line.
• What an agent was asked and answered: press a node for a dialog carrying its prompt, every tool call with its input, and its result.
• The session's other runs: press the run's name for a menu of them, grouped by state; with nothing running the pane lists them in place of the graph.
• Three layouts — across, down, or timeline: phases laid across the pane, stacked down it, or drawn as bars against the clock —