Overview
Inspect React elements and send component context to Claude Code via MCP
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.
Details
- Version1.0.3
- UpdatedMarch 4, 2026
- Offered byOmeganes
- Size24.07KiB
- LanguagesEnglish
- Developer
Email
raymond.youssef.97@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
Claude Bridge has disclosed the following information regarding the collection and usage of your data. More detailed information can be found in the developer's privacy policy.
Claude Bridge handles the following:
This developer declares that your data is
- 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
