$ early access is open · MCP live

Debug. Build.
From the browser.

trace turns any browser into a software engineer. chat with your devtools to debug live state, then ship features the same way you vibe code in cursor — without ever leaving the tab.

$trace early-access_ See how it works
// six agents · one tab · zero context switching
trace — ~/app · devtools session
observeshipconsole
$trace observe--watch live runtime
spinning up 6 agents across devtools panels…
console
3 warnings parsed
network
42 requests traced
dom
live tree mapped
perf
LCP 1.2s · CLS 0
sources
stepping breakpoints
memory
heap snapshot…
you ›why is the cart total wrong after checkout?
trace ›found it — stale useMemo dep in CartSummary.tsx:48. patched + opened PR.
claudegeminigpt live session · 6 agents online ▍
how it works

Two commands. Whole workflow.

Observe the live runtime, then ship straight into your local codebase — all from the tab you already have open.

01 · debug

Observe

$ trace observe
// 6 agents inspect console·network·dom·perf·sources·memory in parallel

Chat with your devtools to debug live state. Each agent owns a panel and reports back in plain language.

02 · build

Ship

$ trace ship
// edits your local codebase while watching the live runtime

Cursor, but it can see. Trace turns DOM mutations into real framework source code and opens the PR.

works inside

Lives where you already work.

ChromeEdgeBraveArcNext.jsReactVueNode.jsChromeEdgeBraveArcNext.jsReactVueNode.js
capabilities

Everything devtools should be.

A multi-agent engineer riding shotgun in your browser — reading the runtime, writing the code.

⌗

6-Agent Architecture

Six specialized agents each sit on a dedicated DevTools panel — console, network, DOM, performance, sources and memory — inspecting in parallel.

✎

Live UI Editing

Make real-time visual changes directly in the browser and watch them reflect against the running app instantly.

↦

DOM-to-Code Pipeline

Converts DOM mutations into actual framework source code in your local repo — not throwaway snippets.

◎

Live Runtime Debugging

Chat with your devtools to inspect live state, step breakpoints and trace network calls without leaving the tab.

⤓

Ships Real PRs

Edits your local codebase while watching the live runtime, then opens a pull request you can review.

✦

Bring Your Own Model

Routes across Claude, Gemini and GPT so the strongest model handles each step of the session.

guided & supported

Backed by builders who ship.

GoogleMicrosoftGoldman SachsNewton SchoolLaunch.co

Get early access.

Turn the tab you already have open into a software engineer. Debug live, ship real code, never context-switch.

$trace early-access_ Manage account