
redf0x1/ui-ux-pro-mcp
Developer toolsЭта страница переведена автоматически. Технические детали смотрите в оригинале. Открыть оригинал
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
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": {
Установка
npx ui-ux-pro-mcp --stdioКонфигурация
{
"mcpServers": {
"ui-ux-pro": {
"command": "npx",
"args": ["ui-ux-pro-mcp", "--stdio"]
}
}
}