UI/UX Pro
๐จ AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & more
What is UI/UX Pro?
UI/UX Pro is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to ๐จ ai-powered ui/ux design intelligence - 1519+ curated design resources through mcp | react, vue, next.js, flutter & more
๐จ AI-powered UI/UX design intelligence - 1519+ curated design resources through MCP | React, Vue, Next.js, Flutter & more
This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- ๐จ AI-powered UI/UX design intelligence - 1519+ curated desig
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx ui-ux-proConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use UI/UX Pro
The UI/UX Pro MCP server gives Claude instant access to over 1,920 curated design resources through 12 specialized search tools, covering UI styles, color palettes, typography pairings, data visualization charts, UX guidelines, icon libraries, landing page patterns, and framework-specific guidelines for React, Vue, Next.js, Flutter, and more. It enables developers and designers to ask Claude for design recommendations and get back concrete, production-ready guidance with hex codes, Google Fonts imports, Lucide icon names, and WCAG accessibility standards โ without leaving their coding environment.
Prerequisites
- Node.js (any recent LTS version)
- npx available (bundled with Node.js) or npm for global installation
- An MCP-compatible client such as Claude Desktop, VS Code with MCP support, or Cursor
Install or run via npx
Run the server directly using npx without a global install, or install globally for repeated use.
# Run without installing:
npx ui-ux-pro-mcp --stdio
# Or install globally:
npm install -g ui-ux-pro-mcpAdd to Claude Desktop
Edit your claude_desktop_config.json to add the ui-ux-pro MCP server entry.
{
"mcpServers": {
"ui-ux-pro": {
"command": "npx",
"args": ["ui-ux-pro-mcp", "--stdio"]
}
}
}Add to VS Code or Cursor
For VS Code or Cursor, add the configuration to your mcp.json file.
{
"mcpServers": {
"ui-ux-pro": {
"command": "npx",
"args": ["ui-ux-pro-mcp", "--stdio"]
}
}
}Restart your MCP client
Restart Claude Desktop, VS Code, or Cursor to load the new server. The 12 UI/UX Pro tools will be available in Claude's tool list.
Verify available tools
Ask Claude to list available design tools or try a sample design query to confirm all 12 tools are accessible.
UI/UX Pro Examples
Client configuration
Add UI/UX Pro to Claude Desktop. The server requires no API keys or environment variables โ all 1,920+ resources are bundled locally.
{
"mcpServers": {
"ui-ux-pro": {
"command": "npx",
"args": ["ui-ux-pro-mcp", "--stdio"],
"env": {
"MCP_LOG_LEVEL": "info"
}
}
}
}Prompts to try
Example prompts that use the 12 UI/UX Pro search tools to get actionable design recommendations.
- "What UI style works best for a fintech dashboard?"
- "Suggest a color palette with hex codes for a healthcare SaaS product."
- "What font pairing should I use for a modern tech landing page? Include Google Fonts imports."
- "What chart type should I use for time-series data with multiple series?"
- "Show me mobile touch target best practices and WCAG accessibility guidelines."
- "What Lucide icons should I use for a navigation bar in a productivity app?"
- "Generate a complete design system for a B2B SaaS dashboard built with React and Tailwind."
- "What are the best landing page patterns for SaaS conversion?"Troubleshooting UI/UX Pro
npx ui-ux-pro-mcp fails with command not found or download error
Ensure you have a stable internet connection for npx to download the package. Try clearing the npx cache with `npx clear-npx-cache` and running again. Alternatively, install globally with `npm install -g ui-ux-pro-mcp` and use the global command.
Only some of the 12 tools appear in Claude's tool list
Ensure you are passing the --stdio flag in the args array. Without it, the server may start in HTTP mode and not register tools correctly with Claude Desktop. Restart Claude Desktop after correcting the configuration.
search_stack or get_design_system returns no results for a specific framework
Use the exact framework name as used in the resource library (e.g., 'React', 'Vue', 'Next.js', 'Flutter'). Try search_all as a fallback to search across all 1,920+ resources simultaneously.
Frequently Asked Questions about UI/UX Pro
What is UI/UX Pro?
UI/UX Pro is a Model Context Protocol (MCP) server that ๐จ ai-powered ui/ux design intelligence - 1519+ curated design resources through mcp | react, vue, next.js, flutter & more It connects AI assistants to external tools and data sources through a standardized interface.
How do I install UI/UX Pro?
Follow the installation instructions on the UI/UX Pro GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with UI/UX Pro?
UI/UX Pro works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is UI/UX Pro free to use?
Yes, UI/UX Pro is open source and available under the MIT License license. You can use it freely in both personal and commercial projects.
UI/UX Pro Alternatives โ Similar Developer Tools Servers
Looking for alternatives to UI/UX Pro? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.
Ecc
โ 188.2kThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Javaguide
โ 155.8kJava ้ข่ฏ & ๅ็ซฏ้็จ้ข่ฏๆๅ๏ผ่ฆ็่ฎก็ฎๆบๅบ็กใๆฐๆฎๅบใๅๅธๅผใ้ซๅนถๅใ็ณป็ป่ฎพ่ฎกไธ AI ๅบ็จๅผๅ
Gemini CLI
โ 104.5kA secure MCP server that wraps the Google Gemini CLI, allowing clients to query Gemini models using local OAuth sessions without requiring an API key. It provides tools for model interaction and diagnostics with built-in protection against command in
Awesome MCP Servers
โ 87.3kโญ Curated list of Model Context Protocol (MCP) servers - tools that extend Claude Desktop, Cursor, Windsurf, and other MCP clients with custom capabilities.
MCP Servers
โ 86.0kModel Context Protocol Servers
CC Switch
โ 77.5kA cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
Browse More Developer Tools MCP Servers
Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up UI/UX Pro in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use UI/UX Pro?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.