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

# VS Code Copilot

Connect your Standards MCP server to GitHub Copilot in VS Code for brand-aware coding assistance.

***

## Connect

<Steps>
  <Step title="Copy your MCP server link">
    From the AI settings page in Standards, copy the MCP server link from the **MCP** card.
  </Step>

  <Step title="Run the add MCP server command">
    Open the VS Code command palette with <kbd>Cmd</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd> and search for **MCP: Add Server...**
  </Step>

  <Step title="Add the MCP server">
    Select **HTTP (HTTP or Server-Sent Events)** and paste your Standards MCP server link. Assign a name (e.g. `standards`) and select whether to add the server to all projects (Global) or only the active project (Workspace).
  </Step>

  <Step title="Verify the connection">
    Open GitHub Copilot Chat in VS Code. The Standards tools should be available in the chat.
  </Step>
</Steps>

***

## Usage

Once connected, Copilot Chat can reference your brand guidelines while you work. Use the chat panel to ask questions like:

* *"What are our primary brand colors? Generate CSS custom properties for them."*
* *"Create a component that follows our typography guidelines."*
* *"What spacing and layout rules does our brand specify?"*