ui-ux-pro-mcp

Overview

The UI/UX Pro MCP server is a specialized tool for UI/UX designers that provides access to a comprehensive collection of design resources. It offers 6 specialized tools for searching different design domains including UI styles, color palettes, typography, charts, UX guidelines, icons, landing patterns, product design recommendations, AI prompts, and framework-specific guidelines. The server also includes iOS and Android design guidelines with cross-platform equivalents, making it valuable for multi-platform development. It uses BM25 ranking for relevant search results and has been recently updated with maintenance activity.

Try asking AI

After installing, here are 5 things you can ask your AI assistant:

• search_ui_styles

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

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

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

  Try:Give me a color palette for a healthcare appTry:Find fintech color schemes
• search_typography

  Search font pairings with Google Fonts imports and Tailwind configs

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

  Search chart types with implementation recommendations for dashboards

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

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

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

  Search curated Lucide icons with import codes and use cases

  Try:Find icons for a settings menuTry:What icons work well for a dashboard?
• search_landing

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

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

  Search product type design recommendations per industry

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

  Search AI prompt templates with CSS snippets and implementation checklists

  Try:Find AI prompt templates for design systemsTry:CSS prompts for component libraries
• search_stack

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

  Try:React hooks best practicesTry:Vue 3 composition API patternsTry:Next.js App Router guidelines
• search_all

  Unified search across all design domains

  Try:Find design patterns for a dashboard with chartsTry: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

  Try:Create a design system for a SaaS dashboardTry:Generate a complete dark mode UI system for a mobile app

Comparable tools

Installation

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

What design domains does this server cover?

The server covers 11 design domains including UI styles, colors, typography, charts, UX guidelines, icons, landing pages, product design, prompts, and framework-specific guidelines for 12 frameworks.

How does it handle platform-specific design?

It includes iOS Human Interface Guidelines (110 patterns) and Android Material 3 Design (112 patterns) with cross-platform equivalents in Flutter and React Native, and automatically detects platform keywords in queries.

Compare ui-ux-pro-mcp with