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

# Installation

> Set up the social.plus documentation MCP server in Claude, VS Code, or Cursor.

Every tool connects to the same endpoint — no authentication required:

```text theme={null}
https://learn.social.plus/mcp
```

## Connect your tool

<Tabs>
  <Tab title="Claude">
    ### Claude.ai (web)

    Connect via the Connectors UI in Claude's settings — no config file needed.

    <Steps>
      <Step title="Open Settings">
        Go to [claude.ai](https://claude.ai) and click your avatar → **Settings**.
      </Step>

      <Step title="Go to Customize → Connectors">
        In the left sidebar choose **Customize**, then click **Connectors**.
      </Step>

      <Step title="Add a custom connector">
        Click **Add custom connector** and paste the MCP server URL:

        ```
        https://learn.social.plus/mcp
        ```

        Save. Claude will confirm the connection.
      </Step>
    </Steps>

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/social-b97141fb/images/ai/claude-web-add-connector.png" alt="Add custom connector dialog" />
    </Frame>

    ### Claude Desktop (app)

    Edit the JSON config file to register the MCP server.

    <Steps>
      <Step title="Open the config file">
        **macOS:** `~/Library/Application Support/Claude/claude_desktop_config.json`

        **Windows:** `%APPDATA%\Claude\claude_desktop_config.json`

        Create the file if it doesn't exist yet.
      </Step>

      <Step title="Add the MCP server entry">
        ```json theme={null}
        {
          "mcpServers": {
            "social-plus": {
              "url": "https://learn.social.plus/mcp",
              "transport": "sse"
            }
          }
        }
        ```
      </Step>

      <Step title="Restart Claude Desktop">
        Quit and reopen the app. You should see **social-plus** listed under MCP servers in the toolbar.
      </Step>
    </Steps>

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/social-b97141fb/images/ai/claude-desktop-mcp-connected.png" alt="Claude Desktop showing social-plus MCP connected" />
    </Frame>
  </Tab>

  <Tab title="VS Code">
    Requires **VS Code 1.99+** with the **GitHub Copilot** extension.

    <Steps>
      <Step title="Open Settings JSON">
        Press `⌘⇧P` (macOS) or `Ctrl+Shift+P` (Windows/Linux) and run **Preferences: Open User Settings (JSON)**.
      </Step>

      <Step title="Add the MCP server">
        Paste the following at the top level of your `settings.json`:

        ```json theme={null}
        {
          "mcp": {
            "servers": {
              "social-plus": {
                "type": "sse",
                "url": "https://learn.social.plus/mcp"
              }
            }
          }
        }
        ```
      </Step>

      <Step title="Verify the connection">
        Open Copilot Chat (`⌘I`), switch to **Agent** mode, and run `@social-plus` — the tool list should appear.
      </Step>
    </Steps>

    <Frame>
      <img src="https://mintcdn.com/social-b97141fb/-t88VJFqwt-Dt9V9/images/ai/vscode-mcp-connected.png?fit=max&auto=format&n=-t88VJFqwt-Dt9V9&q=85&s=7d33724e92c32bfb2b0450d8a1bb3e9b" alt="VS Code Copilot Chat showing social-plus MCP tools" data-path="images/ai/vscode-mcp-connected.png" />
    </Frame>
  </Tab>

  <Tab title="Cursor">
    <Steps>
      <Step title="Open Cursor Settings">
        Press `⌘,` (macOS) or `Ctrl+,` (Windows/Linux) to open Settings. Navigate to **Features → MCP**.
      </Step>

      <Step title="Add a new MCP server">
        Click **Add new MCP server**. Enter:

        * **Name:** `social-plus`
        * **Type:** `SSE`
        * **URL:** `https://learn.social.plus/mcp`

        Click **Save**.
      </Step>

      <Step title="Verify in the MCP panel">
        The server should show as **Enabled** in the MCP list. You can now reference it in Cursor's AI chat.
      </Step>
    </Steps>

    <Frame>
      <img src="https://mintlify.s3.us-west-1.amazonaws.com/social-b97141fb/images/ai/cursor-mcp-enabled.png" alt="Cursor MCP settings showing social-plus enabled" />
    </Frame>

    You can also edit `.cursor/mcp.json` directly in your project root:

    ```json theme={null}
    {
      "mcpServers": {
        "social-plus": {
          "url": "https://learn.social.plus/mcp",
          "transport": "sse"
        }
      }
    }
    ```
  </Tab>
</Tabs>
