Skip to content

flowfig 0.1.0

Choose a tag to compare

@iamalvisng iamalvisng released this 29 Sep 15:48
· 305 commits to main since this release

The first public release. Your coding agent draws animated diagrams of your code, and flowfig checks them.

npx flowfig init

Then ask your agent: "draw a diagram of how login works in this repo".

New

  • Three forms. A map of boxes and edges, a map with a lifeline rail for sequences (rail: true), and the rail alone (rail: "only").
  • One animated SVG with no script. It works in a GitHub README, PR or issue, in light and dark mode. Each SVG carries its own spec, and npx flowfig --spec <file> reads it back.
  • flowfig check. Finds ids that point nowhere, text wider than its box, edges through boxes, overlapping labels, hidden edges, text too small at the README width, and low contrast. --strict and --json for CI and agents.
  • flowfig init. Sets up Claude Code, Cursor, GitHub Copilot, Codex and other AGENTS.md agents, Gemini CLI, Windsurf and Kiro to draw with flowfig.
  • flowfig docs. Prints the guide for agents.
  • React player. <Flow /> with tabs, pause, speed, hover and full screen.

Requirements

  • Node 18 or later.
  • React 18 or later, only for the <Flow /> player.
  • No runtime dependencies.

MIT license.