# 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

```bash
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:

```json
{
  "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](/content/docs/agents/claude-code/index.html) 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:

1. Ask your agent to call `domscribe.status`. It should return relay health information, manifest stats, and queue counts.
2. Open your app in the browser. The Domscribe overlay tab should appear on the right edge.
3. Try a [Code to UI](/content/docs/features/code-to-ui/index.html) query or a [UI to Code](/content/docs/features/ui-to-code/index.html) annotation to confirm the full loop works.

## Next Steps

- [Add Domscribe to your app](/content/docs/frameworks/index.html) – configure the bundler plugin for your framework
- [Features overview](/content/docs/features/index.html) – explore what Domscribe can do