Design Advisor MCP

Add me to your AI tools and get real product design critique, UX reviews, and design thinking guidance, powered by my 10+ years of experience as a Product Designer, from inside Claude Desktop, Cursor, or Windsurf.

Claude / Cursor
/ Windsurf
Design Advisor
MCP
Achmad's
Design Brain

When you describe your design problem in your AI tool, it automatically calls the MCP server. The server runs your input through my design framework, principles, heuristics, and patterns from my work, then returns structured feedback in my voice. No manual prompting, no copy-pasting.

review_design

Describe your screen, flow, or component and get a structured UX critique, clarity, hierarchy, interaction patterns, and what to fix first.

get_design_principles

Returns my core design philosophy, the principles I apply when making decisions about layout, content, interactions, and product direction.

audit_ux_heuristics

Runs Nielsen's 10 usability heuristics through my lens on your described interface, flags violations with severity ratings and actionable suggestions.

suggest_component

Describe a UI use case and get component recommendations with pattern rationale, including when not to use a specific pattern.

check_hierarchy

Reviews your described visual hierarchy and typography choices, checks contrast, size relationships, reading flow, and attention distribution.

recommend_plugin

Surfaces relevant Figma plugins (including mine) for your current design task, with context on when and how to use each one effectively.

1

Get your license key

Purchase access on Gumroad, you'll receive a license key immediately after checkout. Get it here →

2

Open your Claude Desktop config

Find the config file at ~/Library/Application Support/Claude/claude_desktop_config.json on macOS, or %APPDATA%\Claude\claude_desktop_config.json on Windows.

3

Add the MCP server entry

Paste the following into your config file, replacing YOUR_LICENSE_KEY with your key:

claude_desktop_config.json
{
  "mcpServers": {
    "achmad-design-advisor": {
      "command": "npx",
      "args": ["@achmadalimin/design-advisor-mcp", "--key", "YOUR_LICENSE_KEY"]
    }
  }
}
4

Restart Claude Desktop

Fully quit and relaunch the app. The Design Advisor tools will appear automatically when Claude needs them.

1

Get your license key

Purchase access on Gumroad, you'll receive a license key immediately after checkout. Get it here →

2

Open Cursor Settings → MCP

Navigate to Settings → Cursor Settings → MCP and click Add new MCP server.

3

Add via config file

Or edit ~/.cursor/mcp.json directly, replacing YOUR_LICENSE_KEY with your key:

~/.cursor/mcp.json
{
  "mcpServers": {
    "achmad-design-advisor": {
      "command": "npx",
      "args": ["@achmadalimin/design-advisor-mcp", "--key", "YOUR_LICENSE_KEY"]
    }
  }
}
4

Reload Cursor

Use Cmd/Ctrl+Shift+P → Reload Window or restart Cursor to activate the new server.

1

Get your license key

Purchase access on Gumroad, you'll receive a license key immediately after checkout. Get it here →

2

Open Windsurf MCP config

Edit ~/.codeium/windsurf/mcp_config.json or go to Windsurf → Cascade → MCP Servers.

3

Add the server entry

Replace YOUR_LICENSE_KEY with your key:

mcp_config.json
{
  "mcpServers": {
    "achmad-design-advisor": {
      "command": "npx",
      "args": ["@achmadalimin/design-advisor-mcp", "--key", "YOUR_LICENSE_KEY"]
    }
  }
}
3

Refresh MCP servers

Click the refresh icon in the Cascade panel or restart Windsurf.