✍️Writing & Content32🎨Image Generation37🎬Video & Animation73🎵Audio & Music63💬Chatbots & Assistants49💻Coding & Development248📈Marketing & SEO81Productivity199🎯Design & UI/UX64📊Data & Analytics61📚Education & Research30💼Business & Finance72🏥Healthcare & Wellness18🔍Search & Knowledge16🤖AI Agent Infrastructure107🛡️AI Security & Testing13🧊3D & Spatial21🔎SEO Tools29🏡Real Estate4🗃️Data Extraction27🧠ADHD & Focus Tools9
Listed in Coding & Development with 251 other toolsPart of 1413+ curated AI tools on AISO
Domscribe logo

Domscribe

An MIT-licensed build-time tool that gives every DOM element a stable ID mapped to its exact file, line and column, so AI coding agents edit the right frontend file on the first try.

open-sourceFree and open source under the MIT licence, with no paid tier and no hosted service. Initialised with `npx domscribe init`. Because it runs at build time and emits a manifest, there is no runtime service to pay for and no production impact.View full pricing →

Visit Domscribe

https://domscribe.com

About Domscribe

Domscribe closes a specific and very common failure in agent-assisted frontend work: the agent can read every source file in the repository but cannot see what any of it renders as, so when you ask it to change the element you are looking at, it has to guess which file owns that element. The project's framing is that every agent-assisted UI change is a search problem before it is a coding problem — ask for a blue hero button, and the agent greps for `button`, finds twelve files, and edits the wrong one. Domscribe fixes this by running at build time: it walks JSX and Vue templates, assigns every element a stable ID, and writes a manifest mapping each ID to its exact file, line and column. The agent reads the manifest and resolves the element on the first try. The bridge runs in both directions. A developer can click a DOM element in the browser to tell the agent what to change, and the agent can query any source location to see what it currently renders as in the live DOM before touching it. It is framework-agnostic across React, Vue, Next.js, Nuxt, Vite, Webpack and Turbopack, works with Claude Code, Cursor, GitHub Copilot, Gemini CLI, Amazon Kiro or any MCP-compatible agent, and has zero production impact.

Key Features

Build-time stable IDs mapping every element to file, line and column
Click a DOM element in the browser to point the agent at it
Agent can query any source location and see the live rendered DOM
Framework-agnostic: React, Vue, Next.js, Nuxt, Vite, Webpack, Turbopack
Works with Claude Code, Cursor, Copilot, Gemini CLI, Amazon Kiro or any MCP agent
Zero production impact

Tags

mcpopen-sourcereactvueclaude-code
🏷️

Is this your tool?

Claim your listing to get a Featured badge, edit your description, and stand out from competitors. All plans include a permanent dofollow backlink to your site.

Claim Now →

ChatGPT already recommends Domscribe. Does it recommend yours?

If you're building in Coding & Development, run a free AI-visibility scan on your own product — we ask ChatGPT across 5 prompt angles and score how often you get named. ~30 seconds, no signup, no card.

Stay updated on Coding & Development tools — join our weekly newsletter

One concise email with fresh launches, trending picks, and featured standouts.

Agent connectivity: not yet verified