Domscribe is an open-source tool designed to connect AI coding agents with the frontend of web applications by providing visibility into the Document Object Model (DOM). It addresses the challenge faced by AI agents that, while adept at reading and editing source code, lack direct context about which source files correspond to specific elements in a live user interface. This gap can result in agents making incorrect edits when attempting to resolve UI issues or implement changes based on user requests.
The tool operates at build time, analyzing JSX and Vue templates to assign stable identifiers to each DOM element. It then creates a manifest that maps these IDs to their precise file, line, and column locations in the source code. This mapping enables AI agents to instantly resolve which source file and location correspond to a selected element in the browser, streamlining the process of making targeted UI changes. Domscribe allows users to click on a DOM element to indicate what should be changed or lets agents query source locations to view the live state in the browser. js, Nuxt, Vite, Webpack, and Turbopack.
Domscribe is compatible with any MCP-compatible AI agent and lists integrations with agents and tools such as Claude, Code Cursor, GitHub Copilot, Gemini, CLI, and Amazon Kiro. It is delivered as a command-line interface (CLI) tool, with installation and initialization possible via the npx package runner. The tool is designed to have zero impact on production environments, ensuring that its build-time operations do not affect deployed applications.
The platform is distributed under the MIT license, making it freely available for use and modification. Domscribe is intended for developers building or leveraging AI-powered coding agents or agent frameworks that require precise mapping between frontend elements and their corresponding source code.
Domscribe sits in PulseGate's Frameworks & SDKs category. It focuses on allowing AI coding agents to accurately identify and modify frontend elements by mapping DOM nodes to source code locations. It is built as an open-source project for AI agent developers. Domscribe is open source under the MIT license. The product ships for the command line and API, and it can be self-hosted.
Domscribe first shipped in 2025. Development happens publicly on GitHub with 173 stars and 11 commits in the last 90 days. Key capabilities include stable element IDs, manifest generation, and framework agnostic. It exposes integrations via an MCP server.
Latest indexed changes and source events
Other apps tracked under the same category.
