AI搭載UI/UXデザインインテリジェンス — 自然言語検索で1,920以上のキュレーションされた設計リソースを瞬時にアクセス

お問い合わせ

✨ 機能

| 特集 | 詳細 | お問い合わせ | 特許業務法人1,920件以上の書類** | 11ドメインのキュレーション設計知識 + 2 プラットフォーム | | ☑6 ツール | LLM 性能を最適化した連結検索ツール | | ⚡BM25 ランキング | 業界標準のテキストランキングでの検索結果 | | VSコード、Claude Desktop、Cursor、MCP対応のクライアントと連携 | | 確固有12 フレームワーク | React、Vue、Next.js、Flutter、SwiftUI、Jetpack Composeなどのスタック固有のガイドライン | | ◀** プラットフォームガイドライン** | iOS ヒューマンインターフェースガイドライン(110) + アンドロイド素材3 (113) とクロスプラットフォーム同等

プラットフォーム固有のデザイン

• iOSヒューマンインターフェースガイドライン(110パターン) — カラー、タイポグラフィ、ナビゲーション、ジェスチャー、SwiftUI、Flutter、React Nativeコードとのアクセシビリティ
• Android素材3デザイン(112パターン) — ダイナミックカラー、タイポグラフィ、コンポーネント、高度化、コンパス、フラッタ、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": {