Generic MCP Agent
Set up Domscribe with any MCP-compatible coding agent. This is the manual approach for agents that do not have a dedicated plugin.
Install
Two steps: install the skills, then add the MCP server configuration.
Step 1: Install Skills
npx skills add patchorbit/domscribe
This installs a skill file that teaches your agent how to use Domscribe's 12 tools effectively, including when to query runtime state, how to claim and process annotations, and how to interpret the responses.
Step 2: Add MCP Configuration
Add the following MCP server configuration to your agent's config file:
{
"mcpServers": {
"domscribe": {
"type": "stdio",
"command": "npx",
"args": ["-y", "@domscribe/mcp"]
}
}
}
Where to put this depends on your agent:
- Claude Code --
.claude/mcp.json(or use the dedicated plugin instead) - VS Code / Copilot --
.vscode/mcp.json - Cursor --
.cursor/mcp.json - Windsurf --
.windsurf/mcp.json - Other agents -- consult your agent's MCP configuration documentation
Verifying the Connection
Once both steps are done, start your dev server and verify the connection:
- Ask your agent to call
domscribe.status. It should return relay health information, manifest stats, and queue counts. - Open your app in the browser. The Domscribe overlay tab should appear on the right edge.
- Try a Code to UI query or a UI to Code annotation to confirm the full loop works.
Next Steps
- Add Domscribe to your app -- configure the bundler plugin for your framework
- Features overview -- explore what Domscribe can do