Ui Design

MCP Server

by wpank · Added 5mo ago

Claude
11

Install

git clone https://github.com/wpank/ai

Add to Claude

claude mcp add ui-design

Quick Setup Config

Copy & paste ready

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "ui-design": {
      "command": "npx",
      "args": [
        "@modelcontextprotocol/ui-design"
      ]
    }
  }
}

Paste into your Claude Desktop config file, then restart Claude.

About

World-class UI design expertise combining the precision of Jony Ive's Apple work, the systems thinking of Figma's design philosophy, and the accessibility obsession of Inclusive Design principles. UI design is the craft of making interfaces that users don't notice - because they just work. Great UI isn't about making things pretty. It's about making the right thing obvious and the wrong thing impossible. Every pixel, every animation, every spacing decision either helps the user or hurts them...

Tags

ai-mlrustgobashawsskill

From Our Store

View all →
Toolkit

AI Coding Agent Blueprints

$49+

Workflow blueprints for AI coding agents

Claude Code

Claude Code Power User Kit

$39+

Advanced Claude Code skills and configurations