UI/UX MCP Server

Name: UI/UX MCP Server
Author: willem4130

willem4130

Get started Repository

Supports UI/UX development with tools for Storybook, Tailwind, animations, testing and component management.

Setup

Choose your client, copy the config, then fill in any required environment variables.

Add to Cursor Add to VS Code

claude mcp add ui-ux -- node /Users/YOUR_USERNAME/KenKaiBuildMCP/design-ui-mcps/ui-ux-mcp-server/dist/index.js

~/.codex/config.toml

[mcp_servers.ui-ux]
command = "node"
args = ["/Users/YOUR_USERNAME/KenKaiBuildMCP/design-ui-mcps/ui-ux-mcp-server/dist/index.js"]

# codex mcp add ui-ux -- node /Users/YOUR_USERNAME/KenKaiBuildMCP/design-ui-mcps/ui-ux-mcp-server/dist/index.js

~/.cursor/mcp.json

{
  "mcpServers": {
    "ui-ux": {
      "command": "node",
      "args": [
        "/Users/YOUR_USERNAME/KenKaiBuildMCP/design-ui-mcps/ui-ux-mcp-server/dist/index.js"
      ]
    }
  }
}

.vscode/mcp.json

{
  "servers": {
    "ui-ux": {
      "type": "stdio",
      "command": "node",
      "args": [
        "/Users/YOUR_USERNAME/KenKaiBuildMCP/design-ui-mcps/ui-ux-mcp-server/dist/index.js"
      ]
    }
  }
}

~/.gemini/settings.json

{
  "mcpServers": {
    "ui-ux": {
      "command": "node",
      "args": [
        "/Users/YOUR_USERNAME/KenKaiBuildMCP/design-ui-mcps/ui-ux-mcp-server/dist/index.js"
      ]
    }
  }
}

claude_desktop_config.json

{
  "mcpServers": {
    "ui-ux": {
      "command": "node",
      "args": [
        "/Users/YOUR_USERNAME/KenKaiBuildMCP/design-ui-mcps/ui-ux-mcp-server/dist/index.js"
      ]
    }
  }
}

.trae/mcp.json

{
  "mcpServers": {
    "ui-ux": {
      "command": "node",
      "args": [
        "/Users/YOUR_USERNAME/KenKaiBuildMCP/design-ui-mcps/ui-ux-mcp-server/dist/index.js"
      ]
    }
  }
}

Setup

Related