Getting Started

MCP

Connect coding agents to the docs with the built-in MCP server.

The docs site exposes an MCP server at /mcp so coding agents can query the live documentation — which components exist, their props, variants, slots and icons — instead of guessing from memory.

Two tools are available:

list-pages — lists every documentation page with its title, path and description.
get-page — returns the full content of a page by its path (e.g. /components/button).

The examples below point at http://localhost:3000 — the docs site running locally. This is a TODO for now: once the docs site is deployed, replace it with the public URL.

Claude Code

.mcp.json

{
  "mcpServers": {
    "drmax-ui": {
      "type": "http",
      "url": "http://localhost:3000/mcp" // TODO
    }
  }
}

Codex

.codex/config.toml

[mcp_servers.drmax-ui]
url = "http://localhost:3000/mcp" # TODO

OpenCode

opencode.json

{
  "$schema": "https://opencode.ai/config.json",
  "mcp": {
    "drmax-ui": {
      "type": "remote",
      "url": "http://localhost:3000/mcp", // TODO
      "enabled": true
    }
  }
}