Which coding agents can use domscribe?

domscribe works in any agent that reads an MCP config file: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf. Each agent reads it from its own file; this page names the file for each one.

How do I add domscribe to Claude Code?

Run these in order, one at a time. 1. In Claude Code: /plugin marketplace add patchorbit/domscribe 2. In Claude Code: /plugin install domscribe@domscribe

Development

MCP

domscribe

Ships with domscribe: Domscribe is a pixel-to-code development tool that bridges the gap between running web applications and their source code.

BOOST

patchorbit@patchorbit

GitHub

From plugin

domscribe

1951 skill1 MCP

Claude Code

> /plugin marketplace add patchorbit/domscribe
> /plugin install domscribe@domscribe

Codex

$ codex mcp add domscribe -- npx -y @domscribe/mcp

More MCP servers for Codex

Cursor

{
  "mcpServers": {
    "domscribe": {
      "command": "npx",
      "args": [
        "-y",
        "@domscribe/mcp"
      ]
    }
  }
}

Add it to mcp.json.

More MCP servers for Cursor

Gemini CLI

{
  "mcpServers": {
    "domscribe": {
      "command": "npx",
      "args": [
        "-y",
        "@domscribe/mcp"
      ]
    }
  }
}

Add it to settings.json.

More MCP servers for Gemini CLI

GitHub Copilot

$ copilot mcp add domscribe -- npx -y @domscribe/mcp

More MCP servers for GitHub Copilot

OpenCode

{
  "mcp": {
    "domscribe": {
      "type": "local",
      "command": [
        "npx",
        "-y",
        "@domscribe/mcp"
      ]
    }
  }
}

Add it to opencode.json.

More MCP servers for OpenCode

Windsurf

{
  "mcpServers": {
    "domscribe": {
      "command": "npx",
      "args": [
        "-y",
        "@domscribe/mcp"
      ]
    }
  }
}

Add it to mcp_config.json.

More MCP servers for Windsurf

Security report

Low risk

Known flaws
None known
Signed build
Yes
Build provenance published
Maintained
Nov 1, 2026
Last push
Licence
MIT
Runs as
npx
On your machine
Deprecated
No

Signals from public registries, not an audit. Checked Nov 11, 2026.

domscribe README

Read on GitHub

@domscribe/mcp

Standalone MCP server that connects coding agents to Domscribe's runtime context via the Model Context Protocol.

Install

npm install @domscribe/mcp

Or use directly without installing:

npx -y @domscribe/mcp

Requires Node.js 20 or later.

Usage

Add domscribe to your MCP server configuration. The server communicates over stdio and requires no additional setup beyond a running Domscribe relay daemon.

{
  "mcpServers": {
    "domscribe": {
      "type": "stdio",
      "command": "npx",
      "args": ["-y", "@domscribe/mcp"]
    }
  }
}

The relay daemon starts automatically when you run your dev server with Domscribe configured. The MCP server connects to it on localhost and exposes the full Domscribe toolset to your coding agent.

MCP Tools Reference

Source Query (Code to UI)

Query source locations and retrieve live runtime context from the running browser session.

Tool	Description
`domscribe.query.bySource`	Query a source file and line number to get live runtime context from the browser (props, state, DOM snapshot)
`domscribe.manifest.query`	Find all manifest entries by file path, component name, or element ID
`domscribe.manifest.stats`	Manifest coverage statistics (entry count, file count, component count, cache hit rate)

Element Resolution (UI to Code)

Resolve data-ds element IDs injected at build time back to their source locations.

Tool	Description
`domscribe.resolve`	Resolve a single `data-ds` element ID to its ManifestEntry (file, line, col, component)
`domscribe.resolve.batch`	Resolve multiple element IDs in one call

Annotation Workflow

Annotations are created when a developer clicks an element in the Domscribe overlay and enters intent. These tools drive the agent-side processing loop.

Tool	Description
`domscribe.annotation.process`	Atomically claim the next queued annotation (`claimNext`) — prevents concurrent agent conflicts
`domscribe.annotation.respond`	Attach agent response and transition annotation to `PROCESSED`
`domscribe.annotation.updateStatus`	Manually transition annotation status
`domscribe.annotation.get`	Retrieve annotation by ID
`domscribe.annotation.list`	List annotations with status and filter options
`domscribe.annotation.search`	Full-text search across annotation content

Post-Edit Verification

Deterministic verification that a UI edit actually took effect (RFC 0002). Capture a baseline before editing, edit, then verify — the verdict and per-property deltas are exact measurements, not vision-model judgments.

Tool	Description
`domscribe.verify.baseline`	Capture a pre-edit snapshot (computed styles + geometry) of a rendered element; returns a `baselineId`
`domscribe.verify.afterEdit`	Re-capture and compare against the baseline; returns a verdict (`match`/`partial`/`no_change`/`regression`) with style deltas

System

Tool	Description
`domscribe.status`	Relay daemon health, manifest stats, and queue counts

MCP Prompts

Pre-built prompts that guide agents through common Domscribe workflows.

Prompt	Purpose
`process_next`	Guide through annotation processing
`check_status`	Check relay status
`explore_component`	Explore component metadata
`find_annotations`	Search for annotations

Example Responses

`domscribe.query.bySource`

Returns the source location matched in the manifest plus live runtime data captured from the browser.

{
  "sourceLocation": {
    "file": "src/components/Button.tsx",
    "line": 12,
    "column": 4,
    "componentName": "Button",
    "tagName": "button"
  },
  "runtime": {
    "componentProps": { "variant": "secondary", "onClick": "[Function]" },
    "componentState": { "hook_0": false, "hook_1": "idle" },
    "domSnapshot": {
      "tagName": "button",
      "attributes": { "class": "btn-secondary", "type": "submit" },
      "innerText": "Save changes"
    }
  },
  "browserConnected": true
}

Annotation Object

Returned by domscribe.annotation.get, domscribe.annotation.process, and related tools.

{
  "found": true,
  "annotationId": "ann_A1B2C3D4_1710500000",
  "userIntent": "Make this button use the primary color from the design system",
  "element": {
    "tagName": "button",
    "dataDs": "A1B2C3D4",
    "selector": "main > div > button",
    "attributes": { "class": "btn-secondary", "type": "submit" },
    "innerText": "Save changes"
  },
  "sourceLocation": {
    "file": "src/components/Button.tsx",
    "line": 12,
    "column": 4,
    "componentName": "Button",
    "tagName": "button"
  },
  "runtimeContext": {
    "componentProps": { "variant": "secondary", "onClick": "[Function]" },
    "componentState": { "hook_0": false, "hook_1": "idle" }
  }
}

Links

Part of Domscribe.

License

MIT

Stats

TypeScript JavaScript Node React Next.js Vue Bash GitHub Anthropic Gemini MCP Vite

195

Stars

Forks

Active

Maintenance

TypeScript

Language

MIT

License

10d ago

Last commit

1y ago

Created

Repo: patchorbit/domscribe

In this plugin

1 MCP 1 skill

See everything inside

Ships withdomscribe

1951 skill1 MCP

Get the whole plugin

Stars on GitHub

Momentum

stars in total: 195

Star history of patchorbit/domscribe on GitHub, a chart by star-history.com

See what's trending this week

More MCP servers from other plugins.

Auto-invoked

chrome-devtools

MCP

Connects to Chrome over the DevTools Protocol to inspect the DOM, network requests and console output.

ecc12d293k

@affaan-m

component-explorer

MCP

Ships with vscode: Visual Studio Code

vscodetoday195k

@microsoft

codex_message_board

MCP

Ships with codex: Lightweight coding agent that runs in your terminal

codex1d135k

@openai

supabase

MCP

Queries a Supabase project: Postgres tables, auth users, storage and edge functions.

supabase10d114k

@supabase

Questions about domscribe.

Which coding agents can use domscribe?: domscribe works in any agent that reads an MCP config file: Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode and Windsurf. Each agent reads it from its own file; this page names the file for each one.
How do I add domscribe to Claude Code?: Run these in order, one at a time. 1. In Claude Code: /plugin marketplace add patchorbit/domscribe 2. In Claude Code: /plugin install domscribe@domscribe
Is domscribe safe to install?: Low risk. Signals from public registries, not an audit.