Graph Builder

Sketch the projects your workspace needs and the connections between them, and the builder generates the commands that scaffold exactly what you drew. Copy them, run them, and you have a working workspace.

Drag components from the palette onto the canvas, drag from a component’s right edge to another to connect them, and edit each component’s properties on the right. The generated commands at the bottom update with every change — hit Copy to take the whole script.

Loading the graph builder…

How it works

Each component on the canvas maps to a generator, and each connection to the connection generator. The commands are emitted in dependency order: the workspace first, then the projects, then the components they host, then the connections wiring them together.

An infra project is added at the end — ts#infra or terraform#project, matching your IaC choice. Every generated project vends constructs for it to instantiate, so this is what you deploy. Because it owns that name, no component on the canvas can be called infra.

Drag the canvas background to pan around, and drag a component to reposition it. Shift-click to select several components and move them as a group. Click a connection to select it, then press Delete to remove it (or use the ✕ on the connection itself).

The palette lists every project and component type that can take part in a connection, and you can only draw the connections the plugin supports — so a graph that validates is a graph that scaffolds.

Two rules are worth knowing:

Components share a host project. An agent and an MCP server are added to a project rather than being projects of their own. Give them the same host project name to put them in one project, or different names for one project each.
Some connections constrain their endpoints. Connecting an agent to another agent requires the target to use the a2a protocol, for instance. Where a property setting would break a connection you have drawn, the builder says so against the component and the connection.