Edit from the UI
Type a prompt into the floating widget; your local Claude Code edits the source files directly.
agent-devtools
An in-page agent devtool that edits your code in place — powered by your own Claude Pro / Max subscription.
Reuses your subscription
No Anthropic API key — the dev server reuses your ~/.claude OAuth session.
No extra billing.
Two providers
acp (default) runs Claude Code as a child process; sdk runs it
in-process. Switch from the widget.
Page context, automatic
Pick an element and the widget attaches its component metadata
(componentName, sourceLocation) to the prompt — works on React, Vue 2,
Vue 3, Angular, Svelte, SvelteKit, Next.js (App + Pages), Nuxt 2, and Nuxt
3.
Next steps
Section titled “Next steps”- Read the Introduction to learn what it is and what it isn’t.
- Follow Installation to wire it into a Vite + React app in 5 minutes.
- Compare providers in the Provider guide.