Agent

Cursor

Put DESIGN.md at the repo root and tell Cursor rules to read it before writing UI.

Where the files go

• DESIGN.md

  The spec. Tokens in the YAML are normative.

• .cursor/rules/design.mdc

  The rule file that names root DESIGN.md.

Save as .cursor/rules/design.mdc

---
description: Read DESIGN.md before writing UI
alwaysApply: true
---

# Design system

Before creating or restyling any interface, read `DESIGN.md` at the repository root.
Treat its color, type, spacing, and component sections as normative.
Do not invent a second accent or a default three-card layout.

One-line install

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

npx driftless-styles add premium --skill

MCP

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