whereismyai
Domscribe
Domscribe is a developer tool that links frontend DOM elements to their source code files, allowing AI coding agents to edit UI components accurately.
Domscribe provides a bridge between browser elements and codebase source files for AI coding agents. It uses a build-time plugin to scan JSX and Vue templates, assigning stable IDs to elements and generating a manifest that maps each ID to a specific file, line, and column. Coding agents use this manifest to locate and edit the correct code based on UI interactions. The tool also provides runtime context by capturing live component props, state, and DOM snapshots. It supports any MCP-compatible agent. PII redaction processes sensitive data before it leaves the browser, and all annotations reside within the repository.
Domscribe at a glance
- Best for: Software engineer, Designer
- Runs on: Web
- Pricing: Free
- Released: March 2026
- Category: AI coding tool
- Website: domscribe.com
Key features
- Build-time injection of stable data-ds attributes
- Live capture of component props and state
- Bidirectional mapping between DOM elements and source code
- MCP-compatible tool surface for coding agents
- Automated PII redaction for sensitive data
- Production-safe removal of instrumentation
Use it for
- Fixing UI bugs by clicking elements to find their source code
- Editing frontend components via AI agent queries
- Verifying UI changes with live component state and props
Companions
Tools that articles about Domscribe recommend using with it, each with its job.
- Context7 — Provides up-to-date documentation for AI agents and code editors.
- Ollama — Run local models at zero marginal cost, with code kept on your machine.
- OpenRouter — Access over 500 models and 80 providers through one unified API.
- Daytona — Runs sessions in isolated sandboxes synced to git branches.
- Composio — Equips AI agents with tools, managed user auth, and sandboxes across 1,500+ apps
- Oh My OpenCode Slim — Lightweight multi-agent orchestration and background tasks.
Alternatives to Domscribe
- jevgrep — Reduces coding agent costs by providing targeted, relevant repository context.
- AG-UI — Standardizes agent-user interactions and generative UI for applications.
- Magic MCP — Provides AI agents direct access to a catalog of 12,000+ React components.
- Skisso — Generates exact CSS and text diff patches for coding agents directly from the browser
- ModLens — Converts screenshots and charts into structured JSON data for coding agents.
- EditUI — Eliminates manual annotation and selector identification for UI edits.
- TRAE — It features an autonomous coding agent that drives the entire development process.
- OpenCode — Works with 75+ model providers, local models, and existing subscriptions
- Magpie — It enables AI agents to use models not natively supported by their internal protocols.
- PulseDev — Edits local source files directly through existing coding agents based on visual web clicks.
- Agentation — It translates clicks into CSS selectors and source paths for agents.
- AI SDK — Switch providers easily and stream real-time responses without custom parsing.
All Domscribe alternatives