Why not just use Chrome DevTools?

DevTools shows information to humans. Bunny Inspector packages it for AI. One click captures the element's HTML, CSS path, computed styles, ancestor context, a screenshot, console logs, network requests, and source code references — all structured as Markdown your AI can immediately act on.

Which AI coding assistants does it work with?

Any AI that accepts text. The export is structured Markdown — a universal format. It works with Claude Code, Cursor, Windsurf, Cline, Aider, OpenCode, GitHub Copilot, ChatGPT, and any other AI coding tool.

Which browsers are supported?

Currently, Bunny Inspector is available for Google Chrome. Other Chromium-based browsers (Edge, Brave, Arc) may work but are not officially tested.

Does it send my data anywhere?

No. Everything runs locally in your browser. Zero data collection, zero telemetry, zero cloud storage. Annotations are saved as files on your machine.

What does an annotation capture?

Each annotation includes: element HTML, ancestor context, full CSS path, computed styles, React/Vue source file and line number, a pixel-perfect screenshot, viewport screenshot, console logs, network requests, and recorded user actions. All exported as one structured Markdown file.

Bunny Inspector

Show your AI Agentwhat to fix in one click.

Click any element and instantly send its HTML, CSS, screenshots, console errors, network requests, and React/Vue source locations to Claude Code — structured as Markdown any AI coding assistant can act on.

Install Now →See how it works

Free 14-day trial · no credit card · then $19.99 once for lifetime access

Exports drop straight into

Claude CodeCursorWindsurfClineAiderOpenCodeGitHub CopilotChatGPTClaude CodeCursorWindsurfClineAiderOpenCodeGitHub CopilotChatGPTClaude CodeCursorWindsurfClineAiderOpenCodeGitHub CopilotChatGPTClaude CodeCursorWindsurfClineAiderOpenCodeGitHub CopilotChatGPT

Click the extension icon — or use the keyboard shortcut — to open the Inspector.

How it works

Playground

localhost:3000

Everything here is capturable

This is your playground.

Hover any element, then click to capture it — the selector, HTML, and source location land in your AI, instantly.

Every element, captured

Capture anything on this page — selector, HTML, and source location, all included.

Click here to capture this element

Anyelement is fair game — capture it

1-clickgrabs selector + HTML

Sourcefile:line, every capture

Click the extension icon — or use the keyboard shortcut — to open the Inspector.

How it works

HOW IT WORKS

From “this button looks broken” to a Claude Code fix in seconds

Inspect, capture, and hand off — without leaving the page or hand-formatting a single line of context.

1 click

.checkout-btn

main > form > button

INSPECT

Point at the bug. Stop saying “the third div.”

Hover any element to see it highlight. Click to capture its exact HTML, full CSS selector path, computed styles, and ancestor context — no more hunting through the DOM tree or describing layouts in prose. Bunny Inspector is the AI web inspector that names the element for you.

Buy now

annotations.md

section > .checkout-btn

Button.tsx:42

Screenshot

CSS rules

Console logs

Network

CAPTURE & EXPORT

Capture in one click. Paste straight into Claude.

Screenshots, console errors, network requests, and React/Vue source file:line references — captured in a single click and packaged as structured Markdown. Paste it into Claude Code, Cursor, or any AI coding assistant and let it get to work. No more hand-formatting CSS values and screenshots.

WHY BUNNY INSPECTOR

Browser DevTools built for AI coding

Everything Claude Code needs to fix your frontend — captured, structured, and delivered.

Faster than switching to DevTools

Inspect and capture without leaving the page or breaking flow.

Inspector

Your AI sees what you see

Pixel-perfect element and viewport screenshots, every time.

Screenshots

Console + Network captured

Errors, warnings, and failing requests attached automatically.

Logs

Knows where the code lives

React/Vue source file and line number, resolved for you.

Source maps

Works on any website

Any page, any framework, any stack — no setup required.

Universal

100% local — zero telemetry

Everything runs in your browser. Nothing leaves your machine.

Private

Try everything free for 14 days

No credit card required. Risk-free, then $19.99 once for lifetime access.

Free for 14 days

then $19.99 once $49.99 — lifetime access

Unlimited annotations and exports
All current and future features
Console, network & CSS capture
React/Vue source-location detection

Install Now →

30-day money-back guarantee.

Already have an account? Sign in

Frequently asked questions

Point at the bug. Let Claude Code fix it.

The AI web inspector for Claude Code, Cursor, and every AI coding assistant.