--- title: Domscribe: Give your AI coding agent eyes on your... description: Domscribe is an open-source tool that gives AI coding agents real-time visibility into a running frontend. It works in two directions: agents can query any... canonical: https://daily.dev/posts/domscribe-give-your-ai-coding-agent-eyes-on-your-running-frontend-bcgkhgzvl twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Domscribe: Give your AI coding agent eyes on your running frontend | daily.dev og:description: Domscribe is an open-source tool that gives AI coding agents real-time visibility into a running frontend. It works in two directions: agents can query any... og:url: https://daily.dev/posts/domscribe-give-your-ai-coding-agent-eyes-on-your-running-frontend-bcgkhgzvl og:image: https://api.daily.dev/og/posts/BCgkhGZVL.png og:image:alt: Domscribe: Give your AI coding agent eyes on your running frontend og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Domscribe: Give your AI coding agent eyes on your running frontend **[Product Hunt](https://daily.dev/sources/ph)** · 1 min read · 1 upvotes · 0 comments ## Summary Domscribe is an open-source tool that gives AI coding agents real-time visibility into a running frontend. It works in two directions: agents can query any source file/line to get back live DOM snapshots, component props, and state; or developers can click any element in a browser overlay and describe a change in plain English, and Domscribe resolves the exact source file location so the agent edits the right place on the first try. It uses build-time AST transforms to inject stable element IDs via xxhash64, a manifest mapping IDs to source locations, and framework adapters that walk React fibers and Vue VNodes at runtime. Supports React, Vue, Next.js, and Nuxt with first-party adapters, works across Vite, Webpack, and Turbopack, and integrates with any MCP-compatible agent including Claude Code, Cursor, GitHub Copilot, and Gemini CLI. MIT licensed with zero production impact. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Similar posts on daily.dev - [Agent React DevTools: Debug React Apps with AI Agents](https://daily.dev/posts/agent-react-devtools-debug-react-apps-with-ai-agents-gvssiv3jy) · Callstack Blog · 35 upvotes · 4 comments - [Introducing the Nuxt Agent · Nuxt Blog](https://daily.dev/posts/introducing-the-nuxt-agent-nuxt-blog-vuq3vnnvj) · Nuxt · 4 upvotes · 1 comments - [Next.js 16.3: AI Improvements](https://daily.dev/posts/next-js-16-3-ai-improvements-cq3eiij4w) · Next.js · 34 upvotes · 1 comments --- Tags: [#react](https://daily.dev/tags/react), [#ai-agents](https://daily.dev/tags/ai-agents), [#vuejs](https://daily.dev/tags/vuejs), [#mcp](https://daily.dev/tags/mcp), [#dom](https://daily.dev/tags/dom) [View this post on daily.dev](https://daily.dev/posts/domscribe-give-your-ai-coding-agent-eyes-on-your-running-frontend-bcgkhgzvl) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Domscribe: Give your AI coding agent eyes on your running frontend","url":"https://daily.dev/posts/domscribe-give-your-ai-coding-agent-eyes-on-your-running-frontend-bcgkhgzvl","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/domscribe-give-your-ai-coding-agent-eyes-on-your-running-frontend-bcgkhgzvl"},"datePublished":"2026-03-28T07:18:05.694Z","dateModified":"2026-08-24T07:06:09.209Z","description":"Domscribe is an open-source tool that gives AI coding agents real-time visibility into a running frontend. It works in two directions: agents can query any...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7d889bbc03df9d3ed5c7971e842c2fb6?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/7d889bbc03df9d3ed5c7971e842c2fb6?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"Product Hunt","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"Product Hunt","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/ph","url":"https://daily.dev/sources/ph"},"commentCount":0,"discussionUrl":"https://daily.dev/posts/domscribe-give-your-ai-coding-agent-eyes-on-your-running-frontend-bcgkhgzvl","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":1},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":0}],"keywords":"react,ai-agents,vuejs,mcp,dom","timeRequired":"PT1M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"Product Hunt","item":"https://daily.dev/sources/ph"},{"@type":"ListItem","position":3,"name":"Domscribe: Give your AI coding agent eyes on your running frontend"}]} ```