Cobro MCP lets you point at a UI element and tell Claude Code what to change

boonblade · reddit · 2026-09-21

Developer boonblade released Cobro (v0.9.1, free and open source), an MCP tool that solves a common pain point when doing frontend work with Claude Code: explaining which on-screen element you mean.

Usage: run "/cobro open localhost:8080" to open a dedicated dev browser, press Ctrl+Shift+F, click the element, describe the change, and send it to Claude Code — the result appears directly in the browser.

The selected element supplies the agent with DOM/CSS selectors, computed styles, a screenshot, console errors, React/Vue component context, and source location when available. Cobro deliberately keeps its MCP interface tiny (open · wait · status · done · screenshot · close) — the goal is better visual context from the human, not replacing browser automation. GitHub: github.com/boonblade/cobro-mcp

Original post →

More from coding & agent

coding & agent channel →