Claude Bridge
Inspect React elements and send component context to Claude Code via MCP
As of June 2026, Claude Bridge has 69 users and a 5.00/5 rating from 1 reviews in the Developer Tools category.
Usersup 331.3 percent+331.3%
69
69
Ratingno change0%
5.00
1 reviews
Reviewsno change0%
1
Version
1.0.3
Manifest V3
History
9 snapshotsTracking since Apr 1, 2026.
View as table
| Date | Users | Rating | Reviews | Version |
|---|---|---|---|---|
| Apr 1, 2026 | 16 | 5.00 | 1 | 1.0.3 |
| Apr 16, 2026 | 19 | 5.00 | 1 | 1.0.3 |
| Apr 22, 2026 | 31 | 5.00 | 1 | 1.0.3 |
| Apr 27, 2026 | 33 | 5.00 | 1 | 1.0.3 |
| May 4, 2026 | 38 | 5.00 | 1 | 1.0.3 |
| May 10, 2026 | 34 | 5.00 | 1 | 1.0.3 |
| May 15, 2026 | 43 | 5.00 | 1 | 1.0.3 |
| May 28, 2026 | 48 | 5.00 | 1 | 1.0.3 |
| Jun 3, 2026 | 60 | 5.00 | 1 | 1.0.3 |
| Now | 69 | 5.00 | 1 | 1.0.3 |
Permissions & access
- Permissions
- None declared
- Host access
- None declared
Screenshots
About
Claude Bridge adds a panel to Chrome DevTools that lets you inspect any element on a web page and send its full context to Claude Code. HOW IT WORKS 1. Open DevTools and go to the "Claude Bridge" panel 2. Click "Inspect" to enter inspection mode 3. Hover over elements to see component names highlighted 4. Click an element to capture it (inspect mode stops automatically) 5. The element data is instantly available in your Claude Code session WHAT GETS CAPTURED - React component name and source file path - Component props (sanitized, functions and large objects excluded) - Component ancestry chain (up to 3 levels) - CSS selector and outer HTML - Computed styles (layout, typography, colors, spacing) - Bounding box and page URL SETUP 1. Install the extension 2. Run: claude mcp add claude-bridge -- npx claude-bridge-mcp 3. Open DevTools on any page — look for the "Claude Bridge" tab Works on any website. React component info is available on React sites; DOM and style capture works everywhere. PRIVACY Everything runs locally. Captured data is sent only to a local MCP server on your machine (localhost:18925). No data is collected or transmitted to external servers.
Technical
- Version
- 1.0.3
- Manifest
- V3
- Size
- 24.07KiB
- Min Chrome
- 88
- Languages
- 1
- Featured
- No
Metadata
- ID
- egajicicnfgljdephnpmpdndnnhcipbm
- Developer ID
- u8522ec09d7ccd4f28ccd0e51737ee8b9
- Developer Email
- [email protected]
- Created
- Mar 4, 2026
- Last Updated (Store)
- Mar 4, 2026
- Last Scraped
- Jun 3, 2026
- Website
- —
Similar extensions
Alternatives to Claude Bridge, ranked by description similarity.
ChromeDebug MCP Assistant FREE
AI-powered browser debugging with visual element selection and screen recording for developers
16
Browser Bridge
Control Chrome for Browser Bridge: drive tabs and inspect pages for coding agents.
532
Dev Canvas Studio
Visual design editor for modifying UI properties with Claude Code integration
10
Claude Browser Inspector
Select any element on a webpage, then ask Claude about it. Requires Claude for Chrome extension.
67
MCP Chrome Extension - AI Browser Control
Turn Chrome into an MCP server. Let AI control your browser: navigate, click, fill forms, and take screenshots.
775
Blueprint MCP for Chrome
Browser automation for Claude without token limits. Uses CSS selectors, not snapshots. Open source, zero telemetry.
1.0K
★ 5.0
Browser Agent Extension
AI Agent browser control extension - MCP + WebSocket
82
React Developer Tools
Adds React debugging tools to the Chrome Developer Tools.
Created from revision 3cde211b0c on 10/20/2025.
5.0M
★ 4.0
Data sourced from the Chrome Web Store · last verified Jun 3, 2026.