v0.1.0 — Claude Flow Designer

Claude Flow Designer — a visual designer/visualizer for Claude Code dynamic workflows (.claude/workflows/*.js).

Import a real workflow script and see its shape on a canvas: phases as titled groups, parallel([...]) / Promise.all([...]) fan-outs as concurrent N-lane blocks, branches from if, and a live preview of the generated .js.

Install (VS Code extension)

Download clauflow-vscode-0.1.0.vsix below, then:

code --install-extension clauflow-vscode-0.1.0.vsix

Or in VS Code: Extensions panel → ⋯ → Install from VSIX… → pick the file. Reload the window after installing.

Use it

Open a folder that has a .claude/workflows/ directory, then run "Claude Flow: Import" from the command palette (or the Claude Workflows tree view) and pick a workflow script (.js) entry — it renders onto the canvas.

What's in this version

• JS→graph importer grounded in the real Claude Code runtime: agent / pipeline / parallel / Promise.all / phase, static-array fan-outs, destructuring bindings, branches from if; anything else is kept as verbatim raw (faithful round-trip).
• Canvas: phase group containers, N-lane fan-out rendering, clean orthogonal edges, live preview (warnings are non-blocking).
• 416 tests; deterministic codegen; validation gate (CF0xx/CF6xx).

Built from main at this tag. Requires Node/VS Code; see the repo README to build from source.