Documentación MCP Server

Lleva 168 principios UX respaldados por investigación directamente a tus conversaciones con Claude. Funciona con Claude Code y Claude Desktop.

Paquete NPM@uxuiprinciples/mcp-server

¿Qué es MCP?

Model Context Protocol (MCP) es un protocolo abierto que permite a asistentes de IA como Claude acceder a herramientas y fuentes de datos externas. Nuestro MCP Server da a Claude acceso directo a la biblioteca de Principios UX/UI.

Pregunta a Claude sobre principios UX específicos mientras programas
Obtén detección de UX smells para tus diseños
Accede a checklists de flujos durante revisiones de código
Busca en 168 principios con lenguaje natural

Configuración

Claude Code (CLI)

Agrega a tu claude_desktop_config.json o configuración del proyecto:

claude_desktop_config.json

{
  "mcpServers": {
    "uxui-principles": {
      "command": "npx",
      "args": ["-y", "@uxuiprinciples/mcp-server"],
      "env": {
        "UXUI_API_KEY": "uxui_live_your_key_here"
      }
    }
  }
}

Claude Desktop

Agrega a tu archivo de configuración de Claude Desktop:

macOS: ~/Library/Application Support/Claude/claude_desktop_config.json

Windows: %APPDATA%\Claude\claude_desktop_config.json

claude_desktop_config.json

{
  "mcpServers": {
    "uxui-principles": {
      "command": "npx",
      "args": ["-y", "@uxuiprinciples/mcp-server"],
      "env": {
        "UXUI_API_KEY": "uxui_live_your_key_here"
      }
    }
  }
}

Después de agregar la configuración, reinicia Claude para cargar el MCP server.

Herramientas Disponibles

El MCP Server proporciona estas herramientas a Claude:

TOOLsearch_principles

Busca principios UX/UI por palabra clave, parte o nivel de dificultad.

paramsquery, part?, difficulty?, locale?

TOOLget_principle

Obtiene información detallada sobre un principio específico por slug o código.

paramsidentifier, locale?

TOOLget_ux_smells

Recupera anti-patrones UX para verificar contra tus diseños.

paramscategory?, search?, locale?

TOOLget_flow_checklist

Obtiene checklists pre-flight y post-flight para flujos de usuario.

paramsflow_slug?, locale?

TOOLget_ai_prompts

Obtiene prompts de IA para validar patrones de diseño específicos.

paramsprinciple_code?, locale?

Ejemplos de Uso

Así puedes usar los principios UX en tus conversaciones con Claude:

Validar un diseño de formulario

"Estoy construyendo un formulario de checkout. ¿Qué principios UX debería considerar para el diseño de formularios?"

Verificar UX smells

"Revisa mi diseño de navegación buscando UX smells relacionados con carga cognitiva."

Obtener un checklist

"Dame el checklist pre-flight para un flujo de onboarding."

Buscar por tema

"Encuentra todos los principios relacionados con accesibilidad y contraste de color."

Solución de Problemas

MCP Server no carga

Verifica que tu clave API sea correcta
Comprueba que npx esté disponible en tu PATH
Reinicia Claude Code o Claude Desktop
Revisa los logs de Claude para mensajes de error

Errores de autenticación

Asegúrate de que tu clave API comience con "uxui_live_"
Verifica que tu suscripción esté activa
Intenta regenerar tu clave API en el dashboard

Respuestas lentas

La primera solicitud puede ser más lenta mientras el paquete se inicializa
Las solicitudes siguientes deberían ser más rápidas
Verifica tu conexión a internet

También Disponible

REST API

¿Necesitas acceso programático? Usa nuestra REST API para integrar principios UX en tus aplicaciones, pipelines CI/CD o herramientas personalizadas.

Ver Documentación API

¿Listo para empezar?

Obtén tu clave API y comienza a usar principios UX en Claude.

Obtener Acceso MCP

$19/año • O consigue el Developer Bundle con REST API por $29/año

{ "mcpServers": { "uxui-principles": { "command": "npx", "args": ["-y", "@uxuiprinciples/mcp-server"], "env": { "UXUI_API_KEY": "uxui_live_your_key_here" } } } }