Windsurf with preset AI

Use Windsurf for high-velocity implementation while preserving design-system consistency and governance controls.

Setup

In Windsurf, open the MCP settings panel and add:

{
  "mcpServers": {
    "preset": {
      "url": "https://mcp.presetai.dev/mcp"
    }
  }
}

OAuth runs on first request. See Connect an AI coding tool for the full install matrix.

Recommended workflow

Four steps per task:

1. Context retrieval: fetch relevant presets, patterns, and token guidance; identify active constraints for the target surface
2. Generation: request intent-first UI output; require semantic token and preset usage
3. Validation: run drift and compliance checks; capture violations and remediation before merge
4. Governed changes: for system-level artifact updates, use propose → validate → apply; require approvals based on current compliance mode

Team operating rules

• no production merge without automated drift and compliance checks
• no direct system-artifact apply from AI without an approval path in stricter modes
• maintain auditability of major AI-generated changes

Failure modes

Watch for these:

• pattern drift introduced by convenience refactors
• token bypass through local literals
• unreviewed proposal application