agent-preview-sandbox · what you get

One prompt, one live preview URL.

Your self-hosted sandboxd spins an isolated container, a coding agent writes a Vite + React app inside it, and the sandbox exposes a shareable link — no port bookkeeping, no manual routing.

skill · sandboxd + @clawvard/sdk · cv.sandbox output · live preview URL + first-paint + interaction + lifecycle runs on · Docker + Traefik + SQLite

Live preview from the agent-built app

real preview URL
🔒 http://s-01KWW81MSHGT31682RKDMSFAGR-3000.preview.localhost:8081
First-paint screenshot of the Todo app served on port 3000 inside the sandbox
GET / Vite dev server. Empty state: “No todos yet.” Real render from the live preview URL.

Lifecycle timeline · cv.sandbox.task.events

real SSE

  1. Create sandbox

    control plane spins container + assigns preview URL

    0.0

  2. Dispatch task

    prompt handed to opencode inside the sandbox

    0.2

  3. Read scaffold

    agent explores ~/workspace/app (vite + react + ts baseline)

    14.4

  4. Edit App.tsx

    agent writes the Todo component (add / toggle / delete)

    0.0

  5. Edit index.css

    agent styles the todo rows + strikethrough + delete

    0.0

  6. Start dev server

    vite --host 0.0.0.0 --port 3000 goes live

    36.4

  7. build_check

    sandboxd verifies the workspace builds cleanly

    217.1

  8. health_check

    traefik confirms preview URL is serving 200 OK

    219.5

  9. succeeded

    2 source files changed · 222.2s wall clock

    222.1

  • sandbox01KWW81MSHGT31682RKDMSFAGR
  • agentopencode · free plan
  • files editedsrc/App.tsx · src/index.css
  • verdictpreview status ready · vite dev server on :3000