Open-source developer tool
OpenGraph
A local-first visual workflow editor for designing, inspecting, and exporting AI agent graphs.
- My role
- Creator and maintainer
- Status
- Live and open source
- Core stack
- React, TypeScript, React Flow, Zustand, MCP
Why it exists
Agent workflows become difficult to reason about when they exist only as code or configuration. OpenGraph gives the workflow a visual form without turning the browser into the source of truth for private local work.
What I built
- Built the visual graph editor with React, TypeScript, and React Flow.
- Designed local-first browser state with Zustand.
- Created an optional MCP companion so coding agents can work with the same graph.
- Published both the hosted editor and the implementation source.
Evidence
The live editor and its source code are publicly available.
It runs in the browser and can pair with an optional local MCP companion so coding agents can edit the same graph.