**AI-powered UI/UX 디자인 인텔리전스 ** — 즉시 자연 언어 검색을 통해 1,920+ 큐레이터 디자인 리소스에 액세스합니다.

---

✨ 특징

플랫폼 - 특정 디자인

• iOS Human Interface Guidelines (110 패턴) - 색상, 타이그래피, 네비게이션, 제스처, SwiftUI, Flutter, React Native 코드와의 접근성
• Android Material 3 Design (112 패턴) - 동적 색상, 타이그래피, 구성 요소, 고도, Compose, Flutter, React Native 코드와 모션

🎨 UI/UX Pro MCP Server

AI-powered UI/UX design intelligence — Instantly access 1,920+ curated design resources through natural language search.

---

✨ Features

Platform-Specific Design

• iOS Human Interface Guidelines (110 patterns) — Colors, typography, navigation, gestures, accessibility with SwiftUI, Flutter, React Native code
• Android Material 3 Design (112 patterns) — Dynamic color, typography, components, elevation, motion with Compose, Flutter, React Native code
• Cross-platform code equivalents — Every pattern includes Flutter_Equiv and RN_Equiv for building native-feeling apps without native code
• Auto-detection from keywords — Queries containing iOS/Android keywords automatically boost platform-specific results

---

🚀 Quick Start

Option 1: NPX (Recommended)

npx ui-ux-pro-mcp

Option 2: Global Install

npm install -g ui-ux-pro-mcp
ui-ux-pro-mcp

Option 3: From Source

# Clone the repository
git clone https://github.com/redf0x1/ui-ux-pro-mcp.git
cd ui-ux-pro-mcp

# Install dependencies
npm install

# Build the project
npm run build

# Run the server
npm start

---

⚙️ MCP Configuration

VS Code / Cursor

Add to your MCP settings (settings.json or mcp.json):

Option A: Using NPX (Recommended - No Installation Required)

{
  "mcpServers": {
    "ui-ux-pro": {
      "command": "npx",
      "args": ["ui-ux-pro-mcp", "--stdio"]
    }
  }
}

Option B: Using Global Install

{
  "mcpServers": {