ui-ux-pro-mcp

概述

UI/UX Pro MCP服务器是专为UI/UX设计师设计的专用工具，提供丰富的设计资源访问权限。它包含6个专业搜索工具，涵盖UI风格、色彩搭配、排版、图表、UX指南、图标、落地页模式、产品设计推荐、AI提示和特定框架指南等多个设计领域。服务器还包含iOS和Android设计指南及跨平台等效实现，非常适合跨平台开发。它使用BM25排名算法提供相关搜索结果，并近期有维护更新。

试试问 AI

装完之后，这里有 5 个你可以让 AI 做的事：

• search_ui_styles

  Search UI design styles (Glassmorphism, Minimalism, Brutalism, etc.) with colors, effects, and use cases

  试试:What UI style works best for a fintech dashboard?试试:Show me modern design styles for a mobile app
• search_colors

  Search color palettes for industries (SaaS, Healthcare, Fintech) with hex codes

  试试:Give me a color palette for a healthcare app试试:Find fintech color schemes
• search_typography

  Search font pairings with Google Fonts imports and Tailwind configs

  试试:Find modern font pairings for a SaaS landing page试试:What typography works for a mobile app?
• search_charts

  Search chart types with implementation recommendations for dashboards

  试试:What chart type should I use for time-series data?试试:How do I make charts accessible?
• search_ux_guidelines

  Search UX best practices, do's and don'ts, accessibility (WCAG)

  试试:What are mobile touch target best practices?试试:Show me accessibility guidelines for forms
• search_icons

  Search curated Lucide icons with import codes and use cases

  试试:Find icons for a settings menu试试:What icons work well for a dashboard?
• search_landing

  Search landing patterns, Bento Grids (Config & Maps), Responsive Strategy

  试试:Show me landing page patterns for SaaS conversion试试:What sections should a pricing page have?
• search_products

  Search product type design recommendations per industry

  试试:Design recommendations for an e-commerce site试试:UI patterns for a mobile banking app
• search_prompts

  Search AI prompt templates with CSS snippets and implementation checklists

  试试:Find AI prompt templates for design systems试试:CSS prompts for component libraries
• search_stack

  Search framework-specific guidelines (React, Vue, Next.js, Flutter, etc.)

  试试:React hooks best practices试试:Vue 3 composition API patterns试试:Next.js App Router guidelines
• search_all

  Unified search across all design domains

  试试:Find design patterns for a dashboard with charts试试:Complete UI design system for a fintech app
• get_design_system

  Generate complete design system with colors, typography, UI style, and layout in one call

  试试:Create a design system for a SaaS dashboard试试:Generate a complete dark mode UI system for a mobile app

可对比工具

安装

npx ui-ux-pro-mcp

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

git clone https://github.com/redf0x1/ui-ux-pro-mcp.git
cd ui-ux-pro-mcp
npm install
npm run build
npm start

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

FAQ

这个服务器涵盖哪些设计领域？

服务器涵盖11个设计领域，包括UI风格、色彩、排版、图表、UX指南、图标、落地页、产品设计、提示以及12种框架的特定指南。

它如何处理平台特定的设计？

它包含iOS人机界面指南（110种模式）和Android Material 3设计（112种模式），并提供了Flutter和React Native的跨平台等效实现，能自动检测查询中的平台关键词。

ui-ux-pro-mcp 对比