UI/UX Pro

You can access AI-powered UI/UX design intelligence through an MCP server that consolidates 1,920+ curated design resources and tooling. This server lets you query across design domains, frameworks, and platform guidelines, then get actionable results via your MCP-enabled clients.

How to use

Connect your MCP client to the server using a stdio configuration. You can query for UI styles, color palettes, typography, platform guidelines, and framework-specific guidance. The server returns relevant design documents and tooling outputs that you can integrate into your design process, dashboards, or codebases. Use cross-domain queries to explore combined patterns like a fintech dashboard or a SaaS landing page and leverage platform-specific equivalents (iOS/Android) when needed.

How to install

Prerequisites you need to install and run this MCP server are node and npm, plus Git if you will clone from source.

# Option 1: NPX (Recommended - no installation)
npx ui-ux-pro-mcp --stdio

# Option 2: Global install
npm install -g ui-ux-pro-mcp
ui-ux-pro-mcp --stdio

# 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

Configuration and usage notes

You can run the MCP server in three ways. The first two are recommended for quick use without building locally; the third uses a local build from source.

# NPX (Recommended - No Installation Required)
{
  "mcpServers": {
    "ui_ux_pro": {
      "command": "npx",
      "args": ["ui-ux-pro-mcp", "--stdio"]
    }
  }
}

Security and maintenance notes

Keep your MCP client access secure by using the recommended NPX-based setup in production. If you deploy a persistent local instance, ensure you follow standard security practices for node-based services, keep dependencies up to date, and limit exposure to trusted networks.

Troubleshooting

If you encounter connection issues, verify you are using a valid stdio configuration, ensure the command and arguments match the guidance below, and confirm that the server process is running. Restart the client and, if necessary, re-run the install/build steps. For HTTP testing, use a separate HTTP transport mode if you are evaluating in environments where stdio is not available.

Available tools and endpoints

The server exposes a suite of design-focused tools that you can call through your MCP client. Each tool returns design-domain results that you can filter or combine in your workflow.

Available tools

search_ui_styles

UI design styles search across patterns like Glassmorphism, Minimalism, Brutalism with associated colors and effects

search_colors

Color palettes by industry with hex codes for quick theming

search_typography

Font pairings with Google Fonts imports and Tailwind configurations

search_charts

Chart types with implementation guidance for dashboards

search_ux_guidelines

UX best practices, accessibility guidance, and WCAG considerations

search_icons

Curated icons with import codes and use cases

search_landing

Landing page patterns, Bento Grids, and responsive strategy

search_products

Product design recommendations by industry

search_prompts

AI prompt templates with CSS snippets and implementation checklists

search_stack

Framework-specific guidelines for multiple tech stacks

search_all

Unified search across all design domains

get_design_system

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