> ## Documentation Index
> Fetch the complete documentation index at: https://velt-claude-ui-customization-docs-review-m7hwcn.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# Velt Docs MCP

> Search and browse Velt documentation from Cursor, Claude, Claude Code, VS Code, and other MCP-compatible clients.

Search and browse Velt's documentation directly in your MCP-compatible editor. The Docs MCP server helps you find SDK, API, and feature info without leaving your editor.

Endpoint: `https://velt.dev/docs/mcp`

## When to Use

* You want docs answers in Cursor, Claude, Claude Code, or VS Code while coding
* Skills or the installation plugin don't cover a specific question
* You need quick lookup of setup steps, APIs, or feature guides

<Info>
  For guided Velt **installation**, use the [Velt Installation MCP](/get-started/mcp-installer). For REST API data access, see [MCP Servers](/mcp/mcp).
</Info>

## Setup

<Tabs>
  <Tab title="Claude">
    To use the Velt Docs MCP server with Claude:

    <Steps>
      <Step title="Add the Velt Docs MCP server to Claude">
        1. Navigate to the [Connectors](https://claude.ai/settings/connectors) page in the Claude settings.
        2. Select **Add custom connector**.
        3. Add the Velt Docs MCP server:

        * Name: `Velt`
        * URL: `https://velt.dev/docs/mcp`

        4. Select **Add**.
      </Step>

      <Step title="Access the MCP server in your chat">
        1. When using Claude, select the attachments button (the plus icon).
        2. Select the Velt Docs MCP server.
        3. Ask Claude a question about Velt.
      </Step>
    </Steps>

    See the [Model Context Protocol documentation](https://modelcontextprotocol.io/docs/tutorials/use-remote-mcp-server#connecting-to-a-remote-mcp-server) for more details.
  </Tab>

  <Tab title="Claude Code">
    To use the Velt Docs MCP server with Claude Code, run the following command:

    ```bash theme={null}
    claude mcp add --transport http Velt https://velt.dev/docs/mcp
    ```

    Test the connection by running:

    ```bash theme={null}
    claude mcp list
    ```

    See the [Claude Code documentation](https://docs.anthropic.com/en/docs/claude-code/mcp#installing-mcp-servers) for more details.
  </Tab>

  <Tab title="Cursor">
    <PreviewButton href="cursor://anysphere.cursor-deeplink/mcp/install?name=velt&config=eyJuYW1lIjoiVmVsdCIsInVybCI6Imh0dHBzOi8vdmVsdC5kZXYvZG9jcy9tY3AiLCJoZWFkZXJzIjp7fX0%3D">Install in Cursor</PreviewButton>

    To connect the Velt Docs MCP server to Cursor, follow these steps:

    <Steps>
      <Step title="Open MCP settings">
        1. Use <kbd>Command</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd> (<kbd>Ctrl</kbd> + <kbd>Shift</kbd> + <kbd>P</kbd> on Windows) to open the command palette.
        2. Search for "Open MCP settings".
        3. Select **Add custom MCP**. This will open the `mcp.json` file.
      </Step>

      <Step title="Configure the Velt Docs MCP server">
        In `mcp.json`, add:

        ```json theme={null}
        {
          "mcpServers": {
            "Velt": {
              "url": "https://velt.dev/docs/mcp"
            }
          }
        }
        ```
      </Step>

      <Step title="Test the connection">
        In Cursor's chat, ask "What tools do you have available?" Cursor should show the Velt Docs MCP server as an available tool.
      </Step>
    </Steps>

    See [Installing MCP servers](https://docs.cursor.com/en/context/mcp#installing-mcp-servers) in the Cursor documentation for more details.
  </Tab>

  <Tab title="VS Code">
    <PreviewButton href="https://vscode.dev/redirect/mcp/install?name=Velt&config=%7B%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fvelt.dev%2Fdocs%2Fmcp%22%7D">Install in VS Code</PreviewButton>

    To connect the Velt Docs MCP server to VS Code, click the **Install in VS Code** button. Or to manually connect the MCP server, create a `.vscode/mcp.json` file and add:

    ```json theme={null}
    {
      "servers": {
        "Velt": {
          "type": "http",
          "url": "https://velt.dev/docs/mcp"
        }
      }
    }
    ```

    See the [VS Code documentation](https://code.visualstudio.com/docs/copilot/chat/mcp-servers) for more details.
  </Tab>
</Tabs>

## Example Usage

Once the Velt Docs MCP server is configured, search for documentation from your client.

For example, in Cursor, ask:

**Query:**
`how to add Velt popover comments?`

**Result:**
The MCP returns relevant documentation pages and snippets related to adding popover comments.

**More examples:**

* `Generate sample data for adding Velt comment annotations via Velt Rest API`

## Next Steps

* [Installation Plugin](/get-started/installation-plugin): bundles Docs MCP with skills and rules
* [Velt Installation MCP](/get-started/mcp-installer): guided SDK install
* [Agent Skills](/get-started/skills): offline implementation patterns
* [REST APIs MCP](/mcp/mcp): query and mutate Velt data via REST APIs