Domscribe

What is Domscribe?

AI coding agents edit your files blind; they can't see your running frontend. Domscribe closes the gap. Code → UI: Query any source location via MCP, get back live DOM, props, and state. No screenshots, no guessing. UI → Code: Click any element, describe what you want in plain English. Domscribe resolves the exact file:line:col and your agent edits it. Build-time stable IDs. React, Vue, Next.js, Nuxt. Vite, Webpack, Turbopack. Any coding agent. MIT licensed. Zero production impact.

From the website

Domscribe — Give your AI coding agent eyes on the frontend

Click a DOM element to tell your agent what to change, or let it query any source location to see the live result. Build-time stable IDs, deep runtime context, framework-agnostic, any MCP agent.