Flow Builder
A visual canvas for connecting image, video, and audio generation into reusable workflows.
- Working prototype
- Next.js, React Flow, Zustand
Flow Builder makes a media pipeline visible as a graph. Each node owns one step, with its inputs, settings, output, and execution state together. The canvas lets a person revise part of a workflow while retaining the surrounding structure.
Decisions
Make connections meaningful
Text, image, video, and audio handles have distinct types. A wire only connects compatible handles, so an invalid media combination is caught during editing. Running the graph follows its dependency order.
Keep failures at the step that failed
Provider settings and task errors live on their nodes. A stub mode allows the entire interaction to be explored without credentials, while configured routes can call generation providers. The two modes need to be distinguishable in any demonstration.