Claude Code Browser Chrome extension icon

Claude Code Browser

✨ AI-Powered
👥 4K+ users
📦 v0.2.6
💾 2.02MiB
📅 2026-06-04
View on Chrome Web Store

Chrome will indicate if you already have this installed.

Overview

Point at page elements and let Claude Code fix them. Visual web debugging with element picker, DOM tree, and streaming chat.

━━━ What this is ━━━

Claude Code Browser is a companion to the Claude Code CLI you already have on your computer. It uses your existing Claude Code account, credentials and tokens — there is nothing new to sign in to here.

It is NOT a standalone Claude Code by itself. To let Chrome talk to Claude Code, a small Node.js helper runs locally on your machine and acts as a bridge between this browser and your Claude Code instance. One terminal command sets that up — and if you don't have Claude Code installed yet, it installs that for you too.

━━━ What it does ━━━

• Point and fix — click any element on a web page and ask Claude Code to debug, refactor, or rewrite it
• Element picker — visual selector that captures full DOM context automatically
• DOM tree — explore page structure right inside the side panel
• Streaming chat — watch Claude Code think and edit in real time
• No screenshots, no copy-pasting selectors — page context is sent automatically

━━━ How it works ━━━

This extension talks over Chrome's native messaging API to a small local Node.js bridge (the `claude-code-browser` npm package). The bridge spawns a Claude Code agent session that reuses your existing authentication and exposes the page context — DOM, screenshots, navigation — to the agent over MCP.

━━━ Setup ━━━

Open the side panel and follow the on-screen instructions:
1. Run the install command shown on screen
2. Sign in to Claude Code if you haven't already
3. Restart Chrome

The bridge auto-detects when it's connected and the setup screen disappears.

━━━ Open source & privacy ━━━

Fully open source under MIT. No telemetry. Page content stays between your browser and your local Claude Code session — nothing is sent to any third-party server by this extension.

Source: https://github.com/cmaftuleac/claude-code-browser
Privacy policy: https://github.com/cmaftuleac/claude-code-browser/blob/main/PRIVACY.md

Developed by Fineguide.AI (Corneliu Maftuleac) — https://fineguide.ai

Tags

Productivity/developer developer video productivity/developer

Privacy Practices

Not being sold to third parties, outside of the approved use cases
Not being used or transferred for purposes that are unrelated to the item's core functionality
Not being used or transferred to determine creditworthiness or for lending purposes

🔐 Security Analysis

⏳ Security scan is queued. Check back soon.

Capture a screenshot of your current page in entirety and reliably—without requesting any extra permissions!
Productivity/developer AI
브라우저에서 라온시큐어의 PC보안 기능을 사용하기 위한 확장 프로그램입니다.
Productivity/developer
Adds React debugging tools to the Chrome Developer Tools. Created from revision 3cde211b0c on 10/20/2025.
Productivity/developer