›the agentic browser IDE

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.
◆ mode[01] · debug
$ trace observe — 6 agents inspect console·network·dom·perf·sources·memory in parallel.
◇ mode[02] · build
$ trace ship — edits your local codebase while watching the live runtime. cursor, but it can see.
$trace early-access# MCP live · Extension coming soon
▸ trace › ▌
trace v0.7.2 · ready
Works inside
Chrome·Edge·Brave·Arc·Next.js·React·Vue·Node.js

6-Agent Architecture

Six specialized agents each sit on a dedicated DevTools panel — Elements, Network, Console, etc. Each handles debugging for its own domain, giving you full DevTools coverage.

Live UI Editing

Make real-time visual changes directly in the browser — no code changes needed. When you're happy with it, tell Trace to write it back to the codebase.

DOM-to-Code Pipeline

Powered by Claude + MCP, it converts your DOM mutations into actual framework source code. This is what makes "design in browser, write to codebase" possible.

04Credits

Guided and Supported.

TeamGoogle
◆
EngineeringMicrosoft
◆
CapitalGoldman Sachs
◆
TalentNewton School
◆
AcceleratorLaunch.co
◆
TeamGoogle
◆
EngineeringMicrosoft
◆
CapitalGoldman Sachs
◆
TalentNewton School
◆
AcceleratorLaunch.co
◆
TeamGoogle
◆
EngineeringMicrosoft
◆
CapitalGoldman Sachs
◆
TalentNewton School
◆
AcceleratorLaunch.co
◆