Agent

Windsurf

Keep the same DESIGN.md at the root and tell Windsurf rules to read it first.

Where the files go

• DESIGN.md

  The spec.

• .windsurf/rules/design.md

  The rule file that names root DESIGN.md.

Save as .windsurf/rules/design.md

# Design system

Read DESIGN.md at the repository root before generating UI.
Follow its tokens, type scale, and Do / Don't list.

One-line install

Run this from the repo root. The npm package named driftless is an unrelated timer library.

npx driftless-styles add precise-violet --skill

MCP

{
  "mcpServers": {
    "driftless": {
      "command": "npx",
      "args": ["-y", "driftless-mcp"]
    }
  }
}