Claude Code in your browser’s side panel
Claude Code, right in your browser. Lizard Studio reads your page and edits the live tab — free.
Sees the live tab
Claude reads the DOM, takes screenshots, and watches the console and network of the tab you’re actually building — no copy-pasting context by hand.
On-page design toolkit
Rulers, guides, a column grid, an eyedropper, responsive preview, and a DevTools-style inspector, all feeding the same chat.
Runs entirely on your machine
A local native-messaging host drives your own claude CLI — your account, your folder, your permissions. No servers of ours, no telemetry.
Selector & Annotate
Point at an element or draw on the page, and a composited screenshot drops straight into the chat for Claude to act on.
Frequently asked questions
Lizard Studio is a Chrome extension (Manifest V3) that puts a real Claude Code chat in your browser’s side panel, wired into the page you’re building so it can read the DOM, screenshot, watch the console/network, and click and type into the live tab.
No. It drives your own local Claude Code CLI with your own Anthropic account and your own project folder — there is no Lizard login involved in using the extension.
No. Everything runs locally through a small native-messaging host on your machine. Dragon Labs LLC operates no server for Lizard Studio and receives no user data — the only network traffic is Claude itself.
Load the extension unpacked from chrome://extensions in Developer mode, then run npx @lizard-build/lizard-studio-host install once to connect it to your local Claude Code CLI. See the GitHub repo for full setup steps.
Build with AI. Ship with Lizard.
You don't need a platform team to go live. Your whole cloud, one CLI command away.
No credit card required