> ## Documentation Index
> Fetch the complete documentation index at: https://docs.overlayed.gg/llms.txt
> Use this file to discover all available pages before exploring further.

# Model Context Protocol

> Connect Overlayed documentation to your AI tools

The Overlayed documentation is available through the Model Context Protocol (MCP), allowing you to access our docs
directly within your preferred AI tools like Claude, Cursor, and VS Code.

## What is MCP?

The Model Context Protocol creates standardized connections between AI applications and external services like
documentation. When connected, your AI tool can search the Overlayed documentation directly during response generation,
giving you more accurate answers about building overlays.

## Connect to Overlayed MCP

Choose your preferred tool below to connect the Overlayed MCP server:

<Tabs>
  <Tab title="Claude">
    <Steps>
      <Step title="Add the Overlayed 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 Overlayed MCP server:

        * Name: `Overlayed`
        * URL: `https://docs.overlayed.gg/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 Overlayed MCP server.
        3. Ask Claude a question about Overlayed.
      </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 Overlayed MCP server with Claude Code, run the following command:

    ```bash theme={null}
    claude mcp add --transport http Overlayed https://docs.overlayed.gg/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">
    <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 opens the `mcp.json` file.
      </Step>

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

        ```json theme={null}
        {
          "mcpServers": {
            "Overlayed": {
              "url": "https://docs.overlayed.gg/mcp"
            }
          }
        }
        ```
      </Step>

      <Step title="Test the connection">
        In Cursor's chat, ask "What tools do you have available?" Cursor should show the Overlayed 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">
    Create a `.vscode/mcp.json` file in your project and add:

    ```json theme={null}
    {
      "servers": {
        "Overlayed": {
          "type": "http",
          "url": "https://docs.overlayed.gg/mcp"
        }
      }
    }
    ```

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

## Benefits

Once connected, you can:

* Get accurate answers about Overlayed features and APIs without leaving your IDE
* Have the AI proactively search Overlayed docs when relevant to your questions
* Access up-to-date documentation during development