Connect

Wire the des. harness into your agents. The server runs at https://www.getsen.to/api/mcp while the app is running.

one-click

or add to .cursor/mcp.json

{
  "mcpServers": {
    "design-harness": {
      "url": "https://www.getsen.to/api/mcp"
    }
  }
}

.cursor/rules/design-harness.mdc — makes agents actually use it

---
description: Query the brand design harness before any UI or design work
alwaysApply: true
---

This project designs against a brand design harness served over the
"design-harness" MCP server.

Before any UI, styling, or design work:

1. Call get_design_system for the brand's principles and token summary.
2. Call get_design_tokens (format: "css" or "tailwind") and use those literal
   values — never invent colors, type sizes, spacing, or radii.
3. Call search_references with a short description of what you are designing
   (e.g. "form inputs", "command palette", "gradient hero") and study the
   returned visuals and descriptions before writing markup.

Follow the harness principles exactly. When a reference exists for a pattern,
match its anatomy rather than designing from scratch.

tools served

get_design_systemBrand, principles, token summary, visual index — the entry point

get_design_tokensTokens as json, css variables, or a Tailwind v4 theme block

search_referencesKeyword search over the library; returns descriptions and the images themselves

get_assetOne visual at full detail by id