Domscribe

Domscribe, made by Patch Orbit LLC, bridges AI coding agents and frontend UIs by letting agents see and interact with the DOM directly. Agents can query source locations to see how something renders live, or receive UI element clicks paired with change requests that map directly back to source files. It uses build-time stable IDs — deterministic data-ds attributes injected via AST that persist across hot module reloading — and deep runtime capture that extracts live props, state, and DOM snapshots through React fiber walking and Vue VNode inspection. Bidirectional querying lets agents ask "what renders at this source line?" or "what file owns this element?", with automatic PII redaction scrubbing sensitive data before it leaves the browser. Domscribe is framework-agnostic (React, Vue, Next.js, Nuxt, any MCP-compatible agent) and strips all development-only code from production builds. It is open source under the MIT license with no commercial tiers.