Agent
Claude Code
Keep DESIGN.md at the root, SKILL.md in the skills folder, and name both in CLAUDE.md.
Where the files go
DESIGN.mdThe spec for people and the agent.
.claude/skills/design/SKILL.mdThe skill file, including install notes.
CLAUDE.mdSay here: read DESIGN.md before writing UI.
Add to CLAUDE.md
# Design Read DESIGN.md at the repo root before writing UI. Also follow .claude/skills/design/SKILL.md. Tokens override any default palette.
One-line install
Run this from the repo root. The npm package named driftless is an unrelated timer library.
npx driftless-styles add paper --skill
MCP
{
"mcpServers": {
"driftless": {
"command": "npx",
"args": ["-y", "driftless-mcp"]
}
}
}