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 snapshots

Tracking since Apr 1, 2026.

73.2442.511.759999999999998Apr 1, 2026Jun 3, 2026
View as table
DateUsersRatingReviewsVersion
Apr 1, 2026165.0011.0.3
Apr 16, 2026195.0011.0.3
Apr 22, 2026315.0011.0.3
Apr 27, 2026335.0011.0.3
May 4, 2026385.0011.0.3
May 10, 2026345.0011.0.3
May 15, 2026435.0011.0.3
May 28, 2026485.0011.0.3
Jun 3, 2026605.0011.0.3
Now695.0011.0.3

Permissions & access

Permissions
None declared
Host access
None declared

Screenshots

Claude Bridge screenshot 1Claude Bridge screenshot 2

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.

Data sourced from the Chrome Web Store · last verified Jun 3, 2026.