OpenAI builds and deploys advanced AI models like GPT-4o for autonomous agents and workflows.
Lizard Studio
FreeStarting price
0Popularity
About Lizard Studio
Lizard Studio is a Chrome extension that embeds a Claude Code chat interface in the browser’s side panel, connected to the currently open webpage. It reads the live DOM, captures screenshots, monitors console and network activity, and can interact with the page directly. The extension operates entirely locally through a native-messaging host that connects to the user’s own Claude Code CLI, Anthropic account, and project folder. No Lizard servers are involved, and no user data is transmitted to external services beyond standard Claude usage. It includes an on-page design toolkit with rulers, guides, a column grid, eyedropper, responsive preview, and a DevTools-style inspector, all feeding into the same chat session. Installation requires loading the extension unpacked and running a one-time CLI command to establish the local connection. The tool is designed for developers building or debugging web pages who want AI assistance without manual context copying.
Key features
- Claude Code integration in browser side panel
- Live DOM and network inspection
- On-page design toolkit with rulers and guides
- Selector and annotation tools for element targeting
- Local native-messaging host for privacy
- Responsive preview and DevTools-style inspector
- Screenshot capture for AI context
- Direct page interaction capabilities
Use cases
- Real-time web page debugging with AI assistance
- Interactive design iteration using AI suggestions
- Automated element selection and modification via chat
Pros
- Integrates AI coding assistance directly into live webpage editing
- Operates entirely locally with no telemetry or external server involvement
- Provides on-page design tools alongside AI chat functionality
- Reads DOM, network, and console in real time without manual input
- Supports direct interaction with the live tab
Cons
- Requires local setup with Chrome extension and CLI installation
- Limited to Chrome browser environment
- No free tier beyond initial credits
Frequently asked questions about Lizard Studio
What is Lizard Studio?
Lizard Studio is a Chrome extension that embeds a Claude Code chat interface in the browser’s side panel, connected to the currently open webpage. It reads the live DOM, captures screenshots, monitors console and network activity, and can interact with the page directly.
Does Lizard Studio require a Lizard account?
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.
Is my code or page data sent to Lizard’s servers?
No. Everything runs locally through a small native-messaging host on your machine. Lizard Studio does not operate any server and receives no user data beyond standard Claude usage.
How do I install Lizard Studio?
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. Full setup steps are available in the GitHub repository.
Can Lizard Studio edit live web pages?
Yes. It can read the live DOM, take screenshots, watch console and network activity, and interact with the page directly, such as clicking elements or typing into inputs.
What design tools are included in Lizard Studio?
The extension includes an on-page design toolkit with rulers, guides, a column grid, an eyedropper, responsive preview, and a DevTools-style inspector, all integrated with the chat session.
