Build a live react app builder in YAML

The ui.workspace pane's react render mode turns any agent into a UI builder. Ask for a dashboard, a form, a marketing page. The agent writes JSX via the filesystem module, the runtime serves a live preview, the user iterates by chatting. This is the exact pattern Digitorn's own Craft agent ships with in production.

The minimum YAML to ship this

1modules:2  filesystem: { config: { workspace: "." } }34ui:5  workspace:6    render_mode: react7    entry_file: src/App.tsx89agents:10  - id: builder11    modules: [filesystem]12    brain: { provider: anthropic, model: claude-sonnet-5, credential: { ref: anthropic_main, scope: per_user, provider: anthropic } }13    system_prompt: "Build the requested UI. One file at a time. Type-safe."

Install Digitorn and deploy this agent

# 1. install runtime
curl -sSL https://digitorn.ai/install | sh

# 2. save the YAML above to ~/.digitorn/apps/my-react-builder/app.yaml
mkdir -p ~/.digitorn/apps/my-react-builder
# paste the YAML into app.yaml

# 3. deploy
digitorn deploy my-react-builder