yuchi-chang/flowpiler

5 stars · Last commit 2026-07-27

A visual editor for Claude Code workflows. Drag nodes onto a canvas, wire them together, and Flowpiler compiles the graph into a ready-to-run workflow.js — and parses your existing workflow.js back into a graph. Test it with mocked agents for free, then run it for real and watch every subagent light up live.

README preview

# Flowpiler

**A visual editor for Claude Code workflows.** Drag nodes onto a canvas, wire them
together, and Flowpiler compiles the graph into a ready-to-run `workflow.js` — and
parses your existing `workflow.js` back into a graph. Test it with mocked agents for
free, then run it for real and watch every subagent light up live.

> Think *Pentaho Kettle, but for Claude workflows* — a node-graph front end for the
> imperative script the `Workflow` tool expects.

![Flowpiler overview](docs/screenshots/01-overview.png)

<p align="center"><em>Palette · canvas · inspector + live <code>workflow.js</code> — all three update together.</em></p>

![stack](https://img.shields.io/badge/stack-Vite%20%2B%20React%20%2B%20React%20Flow-6ea8fe)
![type](https://img.shields.io/badge/typed-TypeScript-3178c6)
![runs](https://img.shields.io/badge/runs-local%20claude%20--p-9b8cff)

---

View full repository on GitHub →