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

# VS Code

> Connect Strata with VS Code in minutes and supercharge your AI coding experience

![VS Code IDE](https://mintcdn.com/klavisai/xedd71oFwW99AsnY/images/knowledge-base/vs_code/VS_Code.png?fit=max\&auto=format\&n=xedd71oFwW99AsnY\&q=85\&s=ff15f5e0aa936d3574ac3bbb485a79db)

## Quick Setup Guide

**1. Authorize MCP Servers to Use with Strata**

Navigate to the [Klavis home page](https://www.klavis.ai/home) and click **"MCP Server"** in the left sidebar. You will see a list of MCP servers available in Klavis.

![Klavis home page](https://mintcdn.com/klavisai/YJ51UjQSKXxaRLyQ/images/knowledge-base/vs_code/step1.png?fit=max\&auto=format\&n=YJ51UjQSKXxaRLyQ\&q=85\&s=b5c8be349f9ffcb8319758d478190559)

Click the **"Authorize"** button next to your chosen server. Once server is authorized, you will see **Green Checkmark** status.

![Authorize MCP Servers](https://mintcdn.com/klavisai/YJ51UjQSKXxaRLyQ/images/knowledge-base/vs_code/step2.png?fit=max\&auto=format\&n=YJ51UjQSKXxaRLyQ\&q=85\&s=002b5371f9933f7b41442a01c1101476)

> [!TIP]
>
> You can authorize one or more servers to use with Strata

**2. Configure VS Code IDE with Strata**

> [tab] Via Dashboard
>
> From Klavis Dashboard, click **Add to VS Code** and you will be redirected to VS Code IDE.
>
> ![Copy Strata Server URL](https://mintcdn.com/klavisai/YJ51UjQSKXxaRLyQ/images/knowledge-base/vs_code/step3.png?fit=max\&auto=format\&n=YJ51UjQSKXxaRLyQ\&q=85\&s=de0716b1dbd9bc379065ed660a62b9e8)
>
> VS Code will automatically open the **MCP** dialog with Strata Server URL pre-filled. Click **Install** to save the configuration.
>
> ![Install Strata in VS Code](https://mintcdn.com/klavisai/YJ51UjQSKXxaRLyQ/images/knowledge-base/vs_code/step4.png?fit=max\&auto=format\&n=YJ51UjQSKXxaRLyQ\&q=85\&s=d6289a8c2d37598e4713aad1d7e2e4ca)

> [tab] Via Code
>
> Copy Your Strata URL, open **Command Palette** in VS Code settings:
>
> * **macOS**: `Cmd + Shift + P`
> * **Windows/Linux**: `Ctrl + Shift + P`
> * Or **Settings > Command Palette > Preferences: Open User Setting (JSON)**
>
> ![VS Code IDE Settings](https://mintcdn.com/klavisai/xedd71oFwW99AsnY/images/knowledge-base/vs_code/step5.png?fit=max\&auto=format\&n=xedd71oFwW99AsnY\&q=85\&s=e38cd0ac59ca6b6fa12abf4b458d82b7)
>
> Paste Your Server URL to **settings.json** file like the screenshot below
>
> ![Open User Setting (JSON) in VS Code](https://mintcdn.com/klavisai/xedd71oFwW99AsnY/images/knowledge-base/vs_code/step6.png?fit=max\&auto=format\&n=xedd71oFwW99AsnY\&q=85\&s=f18190d092d81f81f79fa2d7e3e91f03)
>
> ![settings.json file in VS Code IDE](https://mintcdn.com/klavisai/YJ51UjQSKXxaRLyQ/images/knowledge-base/vs_code/step7.png?fit=max\&auto=format\&n=YJ51UjQSKXxaRLyQ\&q=85\&s=bf46cb075cc865a49000a1af22f326b7)

> [!TIP]
>
> You can add **Single** MCP Server URL directly here as well:
>
> 1. Navigate to **Target Server** and click **Three Dots** next to your server
> 2. Tap **Show Individual Server URL** and copy the URL
> 3. Paste this URL in VS Code settings as described above

> [accordion] 🔐 OAuth Services (Most Common)
>
> * Automatically redirected to OAuth authorization
> * Sign in to your account (GitHub, Google, Slack, etc.)
> * Grant necessary permissions
> * Redirected back to Klavis automatically

> [accordion] 🔑 API Key Services
>
> * Prompted to enter an API key
> * Follow service-specific instructions to generate key
> * Paste key in the provided field
> * Click **"Save"** to continue

**3. Verify Tools Loading**

In Github Copilot Chat, open **"Configure Tools"** (Tools icon) and scroll down to **MCP Server: klavis-strata**. You will see the list of available tools in Strata.

![Strata Tools loading in VS Code](https://mintcdn.com/klavisai/YJ51UjQSKXxaRLyQ/images/knowledge-base/vs_code/step8.png?fit=max\&auto=format\&n=YJ51UjQSKXxaRLyQ\&q=85\&s=dcfcd54a386c26c7509f6e93e935091c)

> [!NOTE]
>
> As a prerequisite, you should have **GitHub Copilot Chat** extension installed in your VS Code IDE.

**4. Start Using in Github Copilot Chat inside VS Code IDE**

![Using MCP Server in Github Copilot Chat](https://mintcdn.com/klavisai/YJ51UjQSKXxaRLyQ/images/knowledge-base/vs_code/step9.jpg?fit=max\&auto=format\&n=YJ51UjQSKXxaRLyQ\&q=85\&s=1dfaf620879e061d58ac3bb6986ea85f)

Open Chat (`Cmd/Ctrl + I`) and start using natural language:

```text GitHub theme={null}
"Create a new issue titled 'Add dark mode' with priority label"
```

```text Slack theme={null}
"Send a message to #general: 'Standup meeting in 5 minutes!'"
```

```text Gmail theme={null}
"Send email to john@company.com about project update"
```

```text Notion theme={null}
"Create a new page called 'Meeting Notes' with today's date"
```

> [!TIP]
>
> 🎯 Github Copilot Chat automatically detects when to use **Strata** based on context - no need to specify explicitly!

**5. Happy Building! 🎉**

You're all set! Your **Strata** is now integrated with Github Copilot in VS Code IDE.

## Troubleshooting

> [accordion] 🔧 Tools Not Appearing
>
> * Double-check your Server URL for typos
> * Ensure stable internet connection
> * Verify authentication in Klavis dashboard
> * Check VS Code logs (View → Output → GitHub Copilot) for errors
> * Try completely restarting VS Code IDE

> [accordion] 🔐 Authentication Issues
>
> * Re-authenticate in the Klavis dashboard
> * Check if your OAuth tokens have expired
> * Verify API key permissions (for API key services)
> * Ensure you've granted all necessary permissions

> [accordion] ⚡ Performance Issues
>
> * Limit the number of active MCP servers
> * Check your internet connection speed
> * Restart VS Code IDE periodically
> * Contact support if issues persist

## Need Help?

> [card] Community
>
> Join our Discord for community support and discussions

> [card] Support
>
> Contact our technical support team for assistance

***


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.