> ## 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.

# Windsurf

Connect your Standards MCP server to Windsurf for brand-aware coding assistance in your editor.

***

## 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="Open MCP configuration">
    In Windsurf, open the command palette (<kbd>Cmd</kbd>+<kbd>Shift</kbd>+<kbd>P</kbd>) and search for **Windsurf: MCP Marketplace**. From the\*\* Installed MCPS\*\* section, click the configuration button to\*\* \*\*open the `mcp_config.json` file.
  </Step>

  <Step title="Add the MCP server">
    Add your Standards MCP server to the configuration. Replace `YOUR_MCP_LINK` with the link you copied:

    ```json theme={null}
    {
      "mcpServers": {
        "standards": {
          "serverUrl": "YOUR_MCP_LINK"
        }
      }
    }
    ```
  </Step>

  <Step title="Verify the connection">
    Save the file. The Standards MCP server should appear in your connected servers.
  </Step>
</Steps>

***

## Usage

Once connected, Windsurf's Cascade AI can access your brand guidelines. Ask questions like:

* *"Generate a color system using our brand guidelines."*
* *"Create a typography scale based on our brand specifications."*
* *"What are our logo usage rules?"*