{"repo":"patchorbit/domscribe","free":true,"listed":false,"github":"https://github.com/patchorbit/domscribe","clone":"git clone https://github.com/patchorbit/domscribe.git","description":"Domscribe is a pixel-to-code development tool that bridges the gap between running web applications and their source code.","language":"TypeScript","stars":186,"topics":["claude-code-plugin","copilot-cli-plugin","cursor-plugin","gemini-cli-extension","kiro-power","vite-plugin","webpack-plugin","nextjs","react","typescript"],"license":"MIT","category":"mcp-servers","readme_excerpt":"Domscribe = 18\" /    --- AI coding agents edit your source files blind — they can't see your running frontend, and your frontend can't tell them where to look. Domscribe bridges both directions: click a DOM element to tell your agent what to change, or let your agent query any source location to see exactly what it looks like live in the browser. Build-time stable IDs, deep runtime context (props, state, DOM), framework-agnostic, any MCP-compatible agent. Zero production impact. --- Getting Started The setup wizard walks you through two steps: 1. Connect your coding agent — select your agent (Claude Code, Copilot, Gemini, Kiro, or others) and the wizard installs the plugin automatically. 2. Add to your app — select your framework and bundler, the wizard installs the right package and shows you the config snippet to add. That's it. Start your dev server and you're ready to go. Prefer to set things up manually, or need finer control? See the manual setup instructions below. --- Features Code → UI: Let the agent see the browser Your agent calls domscribe.query.bySource with a file path and line number and gets back the live DOM snapshot, current props, component state, and rendered attributes — directly from the running browser. No human interaction needed. [!TIP] Agents don't spontaneously query runtime state — prompt them explicitly: \"Fix the button color — use domscribe to check what CSS classes it has before changing anything.\" Your dev server must be running with ","default_branch":null,"files":null,"tree":[],"storefront":"/r/patchorbit","claimed":false,"request_supported":{"post":"https://gitbuyer.com/r/patchorbit/domscribe/request-supported","requests":0},"note":"indexed from public GitHub; nothing is for sale on this page. Clone it from GitHub. Paid listings live at /search."}