Repository navigation
flowfig 0.3.0
One command from a question to a figure, captions you can read, a box that lights up when the packet arrives, and colors for the outcome.
npx flowfig draw "how does login work"New
flowfig draw "<question>". Runs Claude Code on your repo to draw the figure, then checks it withcheck --strictandverify. It prints the result, the agent's reply and the cost. Needs Claude Code on the machine.toneon a hop and on a box.greenfor success,orangefor a warning or a miss,redfor an error,grayfor idle,purplefor async. The packet, the edge, the arrowhead and the box take the color.- Links to documents.
sourcecan point to a Markdown heading, for exampledocs/sop/refunds.md#step-3-approve-the-refund, so a process figure stays in step with its SOP.
Improvements
- Readable timing. Each step holds long enough to read its caption. An explicit
mson a step still wins. - Arrival look. The box that a packet reaches gets a border, a tint and a glow, then fades. Boxes the step visited keep a light trail.
- Agents now color the outcome with
toneand mark every queue send and unawaited call as async.
Fixes
- A short hop in a long animation no longer jumps.
- White text on the orange tone now has enough contrast, and
checktests text on every tone. - Fixes in the GitHub Action's install step.
Requirements
- Node 18 or later.
- React 18 or later, only for the
<Flow />player. flowfig drawneeds Claude Code. It does not run on Windows yet.
Upgrade
No breaking change. Figures get the new timing and look the next time you render them.
Full Changelog: v0.2.0...v0.3.0