RU

redf0x1/ui-ux-pro-mcp

Developer tools

Эта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал

40 stars 12 forks Качество 77 Тренд 12MIT

AI-мощный UI / UX дизайн интеллект - 1519 + кураторских ресурсов дизайна через MCP | React, Vue, Next.js, Flutter и многое другое

Обзор

Мгновенный доступ к 1 920 + кураторским ресурсам дизайна с помощью поиска на естественном языке. - (110 шаблонов) - Цвета, типографика, навигация, жесты, доступность с SwiftUI, Flutter, React Native код - (112 шаблонов) - Динамический цвет, типографика, компоненты, возвышение, движение с помощью Compose, Flutter, React Native код - - Каждый шаблон включает в себя Flutter Equiv и RN Equiv для создания нативных приложений без нативного кода - - Запросы, содержащие ключевые слова iOS / Android, автоматически повышают специфичные для платформы результаты Добавьте настройки MCP (settings.json или mcp.json): Добавьте конфигурацию Claude Desktop: • Библиотека/Поддержка приложений/Claude/claude desktop config.json %APPDATA%\Claude\claude desktop config.json Инструмент get design system использует интеллектуальную обработку запросов, оптимизированную для потребителей моделей ИИ: Запросы обрабатываются слева направо с приоритетом фразы из нескольких слов:

Обзор (машинный перевод)

Интеллект в области дизайна на базе ИИ / UX* — мгновенный доступ к 1,920 + кураторским ресурсам дизайна с помощью поиска на естественном языке.

Feature Особенности

Оригинальное название: Details [скрыто] [скрыто] [скрыто] [скрыто] **1 920 + Документы ** | Специализированные знания в области дизайна на 11 доменах + 2 платформах | 6 Инструменты ** | Консолидированные инструменты поиска, оптимизированные для производительности LLM BM25 Ranking | Быстрые, релевантные результаты поиска с использованием стандартного текстового рейтинга Universal | Работает с VS Code, Claude Desktop, Cursor и любым MCP-совместимым клиентом | 12 Frameworks | Стек-специфические рекомендации для React, Vue, Next.js, Flutter, SwiftUI, Jetpack Compose и многое другое Руководящие принципы для платформ * * | Руководящие принципы для человеческого интерфейса iOS (110) + Материал Android 3 (112) с кроссплатформенными эквивалентами |

Конкретный дизайн

** Руководство по человеческому интерфейсу** (110 шаблонов) — Цвета, типографика, навигация, жесты, доступность с помощью SwiftUI, Flutter, React Native Android Material 3 Design (112 шаблонов) — Динамический цвет, типографика, компоненты, высота, движение с композитным, флаттерным, реакционным кодом

Эта страница переведена автоматически. Технические детали смотрите в оригинале.

README

Показан фрагмент оригинального README. Открыть оригинал.

🎨 UI/UX Pro MCP Server

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


✨ Features

Feature Details
📚 1,920+ Documents Curated design knowledge across 11 domains + 2 platforms
🔧 6 Tools Consolidated search tools optimized for LLM performance
⚡ BM25 Ranking Fast, relevant search results using industry-standard text ranking
🔗 Universal Works with VS Code, Claude Desktop, Cursor, and any MCP-compatible client
🎯 12 Frameworks Stack-specific guidelines for React, Vue, Next.js, Flutter, SwiftUI, Jetpack Compose, and more
📱 Platform Guidelines iOS Human Interface Guidelines (110) + Android Material 3 (112) with cross-platform equivalents

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

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):

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

Option B: Using Global Install

{
  "mcpServers": {
Открыть полный README на GitHub

Установка

npx ui-ux-pro-mcp --stdio
Новичок в MCP? Начните с руководства на mcpskill.org →

Конфигурация

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