TheDesignAgent MCP

A design agent that works inside your coding agent's loop. It briefs the build with /discover, reviews the result in layers with /ux and /visual, and remembers your project between calls. Findings cite the job — not a generic rubric.

Visit TheDesignAgent

Package and access

Local package with source-attributed installation metadata. Koskamo does not execute packages during review.

Vendor evidenceLocal stdioSource reviewed; not executedOperated by TheDesignAgent

You need:Get an API key (starts with `tda_`) at https://www.thedesignagent.ai/dashboard/api-keys.Every account gets free monthly credits.

Vendor documentation

Checks and signals

Each line is separate evidence, not a trust score.

Passed Official MCP Registry namespace is tied to thedesignagent.ai · Oct 31, 2026, 10:59 PM UTC

What you can do with it

Get a build brief calibrated to your project, persona, and the specific screen you're building.
Evaluate a built UI artifact for JTBD fit, heuristic compliance, cognitive load, and pattern conformance.
Evaluate a built UI artifact for visual design quality — brand compliance, visual cognitive load, and aesthetic quality.

Source and maintenance

Vendor evidenceRegistry 0.5.3

mcp-registry: ai.thedesignagent/mcp@0.5.3 Project website

Packages and installation

Source-provided package data. Koskamo has not executed or live-probed this package.

@thedesignagent/mcp 0.5.3

npm

@thedesignagent/mcp package definition

{
  "version": "0.5.3",
  "transport": "stdio",
  "identifier": "@thedesignagent/mcp",
  "registryType": "npm",
  "environmentVariables": [
    {
      "name": "THEDESIGNAGENT_API_KEY",
      "isRequired": true,
      "description": "Your TheDesignAgent API key (starts with tda_)"
    },
    {
      "name": "CHROME_PATH",
      "description": "Browser binary for Visual screenshots, if not found automatically"
    }
  ]
}

Tools

Reported by the attributed source; not independently observed by Koskamo.

No tool definitions available.

Connect from your client

Each snippet configures the same source-provided package; replace placeholders before use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Cursor

Merge this local stdio configuration, replace every placeholder environment value, and restart Cursor. Koskamo has not executed this package.

Cursor configuration

{
  "mcpServers": {
    "thedesignagent-mcp-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@thedesignagent/mcp@0.5.3"
      ],
      "env": {
        "THEDESIGNAGENT_API_KEY": "<YOUR_THEDESIGNAGENT_API_KEY>",
        "CHROME_PATH": "<YOUR_CHROME_PATH>"
      }
    }
  }
}

Cline

Merge this local stdio configuration, replace every placeholder environment value, and restart Cline. Koskamo has not executed this package.

Cline configuration

{
  "mcpServers": {
    "thedesignagent-mcp-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@thedesignagent/mcp@0.5.3"
      ],
      "env": {
        "THEDESIGNAGENT_API_KEY": "<YOUR_THEDESIGNAGENT_API_KEY>",
        "CHROME_PATH": "<YOUR_CHROME_PATH>"
      }
    }
  }
}

VS Code

Merge this local stdio configuration, replace every placeholder environment value, and restart VS Code. Koskamo has not executed this package.

VS Code configuration

{
  "servers": {
    "thedesignagent-mcp-mcp": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@thedesignagent/mcp@0.5.3"
      ],
      "env": {
        "THEDESIGNAGENT_API_KEY": "<YOUR_THEDESIGNAGENT_API_KEY>",
        "CHROME_PATH": "<YOUR_CHROME_PATH>"
      }
    }
  }
}

Claude Desktop

Merge this local stdio configuration, replace every placeholder environment value, and restart Claude Desktop. Koskamo has not executed this package.

Claude Desktop configuration

{
  "mcpServers": {
    "thedesignagent-mcp-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "@thedesignagent/mcp@0.5.3"
      ],
      "env": {
        "THEDESIGNAGENT_API_KEY": "<YOUR_THEDESIGNAGENT_API_KEY>",
        "CHROME_PATH": "<YOUR_CHROME_PATH>"
      }
    }
  }
}

Let your agent find its tools

Find servers like TheDesignAgent MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.

Connect Koskamo Explore workflows

See all 532