Assemble project screens directly in Builder

Choose a starter, connect blocks and data sources on the page canvas, then verify screen quality against the active harness policy. Builder is the workspace for creating internal tools one real screen at a time.

/builder/projects/acme/dashboard
Search pages, blocks, data
NameLayerStatus
Ops dashboard
DataGrid, filters, state summary
DataGridReady
Launch brief
Editor, approvals, change history
EditorDraft
Design agent panel
Suggests changes against the same node tree
ChatLive
Reusable blocks
Approved cards and form patterns
BlocksReview
Workspace source
Remote source and field contract
SourceReady
Inspector
Route, title, and audit hints are complete.
Empty, loading, error, and review states included.
Components are connected to workspace sources.
Harness policy
DensityCompact
WidthWide
AgentOn

Move from canvas to verification in one flow like a builder

Template selection, screen composition, harness verification, and agent edits all stay on the same project structure.

Open harness manager
01

Choose a starter or blank project

Pick the right screen structure and add the pages the project needs.

Choose a starter or blank project
02

Verify against the harness

Match width, density, states, and accessibility policy to the active harness.

Verify against the harness
03

Extend with agents

Continue into the next screen from the same node tree and data contract.

Extend with agents