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.

The PH Community (ph) is a forum and resource hub for PHP developers, providing discussions, tutorials, and insights on PHP programming and web development. Developers can ask questions, share knowledge, and collaborate with fellow PHP enthusiasts on topics such as PHP frameworks, CMS platforms, and database integration. Additionally, PH Community covers PHP events, job opportunities, and community initiatives, fostering a supportive and engaged PHP developer community.

Product Hunt

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.

Domscribe: Give your AI coding agent eyes on your running frontend