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

# VS Code + GitHub Copilot

> Connect SocialAPI.AI to VS Code with GitHub Copilot via config file or Command Palette.

**MCP Server URL:** `https://api.social-api.ai/mcp`

## Prerequisites

* [VS Code](https://code.visualstudio.com) (1.101+) with [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) extension
* A GitHub Copilot subscription (Individual, Business, or Enterprise)
* A [SocialAPI.AI](https://social-api.ai) account with at least one connected social account

## Config file

Create or edit `.vscode/mcp.json` in your workspace (or add to your user profile for global access):

```json theme={null}
{
  "servers": {
    "SocialAPI": {
      "type": "http",
      "url": "https://api.social-api.ai/mcp"
    }
  }
}
```

VS Code will show a **CodeLens** action above the server entry. Click **Auth** to start the OAuth flow and authorize in the browser.

<Note>
  VS Code supports OAuth 2.1 with Dynamic Client Registration. It auto-discovers the authorization server via `/.well-known/oauth-protected-resource`.
</Note>

## Command Palette

1. Open the Command Palette (`Ctrl+Shift+P` / `Cmd+Shift+P`)
2. Run **MCP: Add Server**
3. Select **HTTP** as the server type
4. Enter the URL: `https://api.social-api.ai/mcp`
5. Choose **Global** (user profile) or **Workspace** scope
6. Click the **Auth** CodeLens to complete the OAuth flow

<img src="https://mintlify.s3.us-west-1.amazonaws.com/socialapi/images/mcp-vscode-settings.png" alt="VS Code MCP server configuration" />

[SocialAPI.AI](https://social-api.ai) tools are then available in **Copilot Chat** (Agent mode).

## Troubleshooting

**"Auth" button not showing** - Make sure you're on VS Code 1.101+ and the GitHub Copilot extension is installed and active. The CodeLens appears above the server entry in `.vscode/mcp.json`.