¿Puede la IA corregir el diseño por mí?

No. La IA identifica los errores y te indica dónde están, pero tú debes realizar los cambios reales en tu herramienta de diseño.

¿Funciona con cualquier herramienta de diseño?

Funciona con cualquier dato de diseño o captura de pantalla que proporciones a tu cliente de IA y que este pueda procesar.

¿Borrará mis archivos de diseño?

No. Este MCP solo lee y valida datos. No tiene capacidad para borrar ni sobrescribir tus archivos.

¿Puede aprender mi sistema de diseño personalizado automáticamente?

Debes incluir las reglas de tu sistema de diseño, como la rejilla de 8px o la escala tipográfica, en tu prompt para que la IA sepa qué verificar.

¿Verifica el contraste de color?

No. Esta herramienta específica se centra en la jerarquía espacial, las rejillas y la tipografía.

ESPACIALTIPOJERARQUÍAHUMANO

ESPACIAL
TIPO
JERARQUÍA
HUMANO

Cómo verificar el diseño con tu IA y el MCP de Vinkius

Conecta este MCP a tu cliente de IA para convertirlo en un especialista en control de calidad de diseño. Escanea tus layouts para asegurar que cumplen con tus reglas.

Pregunta a la IA sobre esta página

Respuesta rápida

¿Puede mi IA verificar si mis diseños siguen mi sistema de diseño?

Sí. Tu IA utiliza este MCP para auditar la jerarquía espacial, la alineación de rejillas y la tipografía según tus reglas específicas. Obtendrás un desglose claro de cada error detectado en tus diseños.

Resultados de la auditoría

Dónde se clasifica cada problema.

La IA categoriza cada hallazgo para que sepas qué corregir y qué ignorar.

ESPACIAL

Errores de rejilla y espaciado

La IA identifica dónde los elementos rompen la rejilla de 8px o ignoran las reglas de padding establecidas. Recibirás las coordenadas exactas de cada desalineación.

TIPO

Discrepancias tipográficas

Detecta tamaños de fuente, pesos o interlineados que se desvían de tu escala tipográfica definida. Esto garantiza la consistencia de marca en todas las pantallas.

JERARQUÍA

Problemas de peso visual

La IA detecta cuando se rompe la jerarquía espacial, como botones demasiado pequeños o encabezados sin la prominencia adecuada. Señala dónde la vista podría perderse.

HUMANO

Revisión de diseño manual

La IA señala lógicas de diseño complejas que requieren el criterio humano. Tú decides si una desviación es un error o una elección creativa deliberada.

El flujo

Lo que hace tu IA cuando recibe el diseño.

La IA actúa como un auditor técnico, analizando la lógica matemática de tu diseño en lugar de solo la estética.

Escanear geometría del layout
La IA lee los datos brutos del diseño para mapear la posición y el tamaño de cada elemento.
validate_uiux_excellence
Verificar alineación de rejilla
Compara las coordenadas de cada elemento con las restricciones de tu rejilla de 8px para hallar desfases.
validate_uiux_excellence
Auditar escala tipográfica
El agente verifica que cada bloque de texto use un tamaño y peso permitido por tu sistema.
validate_uiux_excellence
Identificar fallos de jerarquía
Evalúa la relación entre elementos para asegurar que el orden visual sea coherente.
validate_uiux_excellence

Pruébalo

Copia estos comandos para empezar.

Usa estos prompts para iniciar una auditoría en tu cliente de IA.

Puntos de partida

Estas son frases iniciales. Sustituye los nombres de archivos o enlaces de diseño por los tuyos.

UI/UX Excellence Prover Connector

Todo listo. Elige tu cliente MCP y sigue las instrucciones de configuración.

Enlace del conectorhttps://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp

Claude Desktop

Sigue los pasos siguientes para conectarte en segundos.

1In Claude Desktop, open Settings → Connectors.
2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3Click Add and start a new chat — UI/UX Excellence Prover capabilities are ready to use.

Configuración · claude_desktop_config.jsonCopiar

{
  "mcpServers": {
    "uiux-excellence-prover-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_FQpw75jfl2IVRYLjTKN4BE0xRDUemcd0LH04PmBp/mcp"
    }
  }
}

Copia en el chat04

Comprueba si este diseño de Figma cumple con la rejilla de 8px: [link]
¿La tipografía de este mockup sigue mi escala definida? [link]
Audita la jerarquía espacial de este diseño de dashboard: [link]
Encuentra todos los errores de alineación en esta captura de la interfaz móvil: [link]

Claude
ChatGPT
Cursor
VS Code
Windsurf
Claude Code
JetBrains
Cline

Empieza aquí

Conecta UI/UX Excellence Prover una vez y empieza a preguntar.

Con un solo clic conectas este MCP a tu cliente preferido. Tus credenciales permanecen cifradas y tú mantienes el control de tu flujo de trabajo.

Conectar UI/UX Excellence Prover a tu IA

FAQ

Cómo funciona la auditoría

01
¿Puede la IA corregir el diseño por mí?
No. La IA identifica los errores y te indica dónde están, pero tú debes realizar los cambios reales en tu herramienta de diseño.
02
¿Funciona con cualquier herramienta de diseño?
Funciona con cualquier dato de diseño o captura de pantalla que proporciones a tu cliente de IA y que este pueda procesar.
03
¿Borrará mis archivos de diseño?
No. Este MCP solo lee y valida datos. No tiene capacidad para borrar ni sobrescribir tus archivos.
04
¿Puede aprender mi sistema de diseño personalizado automáticamente?
Debes incluir las reglas de tu sistema de diseño, como la rejilla de 8px o la escala tipográfica, en tu prompt para que la IA sepa qué verificar.
05
¿Verifica el contraste de color?
No. Esta herramienta específica se centra en la jerarquía espacial, las rejillas y la tipografía.
¿Tienes más dudas sobre UI/UX Excellence Prover? La página del conector tiene las respuestas. Ver todo lo que puede hacer el conector UI/UX Excellence Prover

Conecta UI/UX Excellence Prover a Claude, Cursor, ChatGPT y más