UXKIN

Referencias reales de UI para agentes de codificación de IA. UXKIN les da a Claude, Cursor, Codex, Copilot y otros clientes MCP una biblioteca de pantallas reales de apps de iOS, recorridos completos de usuario y sistemas de diseño web (colores, tipografía, componentes y un DESIGN.md listo), para que los agentes construyan UI a partir de productos reales en lugar de los valores predeterminados genéricos de IA. Servidor remoto con inicio de sesión estándar de MCP; cinco herramientas de solo lectura: find_ui_references, find_ui_materials, get_journey, list_collections, get_collection. Incluye la skill gratuita no-ui-slop.

GitHub

Prueba este MCPPatrocinado

Documentación

UXKIN: referencias reales de UI para agentes de codificación con IA

Busca pantallas reales de apps de iOS, recorridos completos de usuario y sistemas de diseño web desde Claude, Claude Code, Cursor, Codex, GitHub Copilot y cualquier cliente MCP, para que la UI que tu agente construye parezca un producto real en lugar de los valores predeterminados de la IA.

63,589 pantallas de iOS de 303 apps · 1,991 recorridos de usuario · 1,288 sistemas de diseño web, cada uno con un DESIGN.md

Explora UXKIN →

Sitio web · Documentación · Directorio de Claude · Precios · Soporte

Por qué

Pídele a un agente de codificación una pantalla de configuración, un muro de pago o una página de aterrizaje y llenará cada vacío con las opciones más comunes: los mismos degradados, cuadrículas de tarjetas y textos vagos que todos los demás. UXKIN le da algo mejor con lo que trabajar: cómo los productos reales y publicados manejan la misma pantalla o flujo, y los colores, tipos y componentes reales de sitios web reales.

Inicio rápido

Qué	Para qué	Costo
`no-ui-slop` skill	Reglas que evitan que tu agente genere UI genérica con apariencia de IA	Gratis, sin cuenta
`uxkin-research` skill	Cómo tu agente encuentra y compara apps, flujos y sistemas de diseño reales antes de diseñar	Plan UXKIN para buscar (el skill en sí es MIT)
Servidor MCP de UXKIN	Tu agente busca pantallas, recorridos y sistemas de diseño reales mientras construye	Plan UXKIN
Acción de GitHub UI Check	Señala botones muertos, estados faltantes, colores únicos y conceptos básicos de accesibilidad en cada pull request	Gratis
Detector de Slop de IA	Ve qué tan generada por IA se ve tu sitio web y qué cambiar	Gratis
UXKIN para Figma	Busca en UXKIN, coloca pantallas y flujos completos en el lienzo, importa los colores y tipos de un sitio	Próximamente en Figma Community
Extensión de navegador	Copia los colores, fuentes y tamaños de cualquier sitio web como DESIGN.md	Próximamente en Chrome Web Store

1. Instala los skills gratuitos

npx skills add uxkin/agent

Eso instala ambos, o cópialos en la carpeta de skills de tu agente:

skills/no-ui-slop: cómo construir UI que se ajuste al producto. Funciona por sí solo, sin cuenta; con el servidor de UXKIN conectado, también le dice a tu agente cuándo buscar una referencia real.
skills/uxkin-research: cómo investigar antes de diseñar: busca en la biblioteca de UXKIN en palabras simples, abre recorridos completos, compara varias apps e informa qué tienen en común.

2. Conecta el servidor MCP de UXKIN

El servidor está alojado en https://uxkin.com/mcp (HTTP Streamable). La mayoría de las apps inician sesión con tu cuenta de UXKIN: sin token que copiar.

App	Cómo
Claude (web, escritorio, móvil)	Abre UXKIN en el directorio de Claude, haz clic en Conectar, inicia sesión y haz clic en Permitir
Claude Code	`claude mcp add --scope user --transport http uxkin https://uxkin.com/mcp`, luego `/mcp` → uxkin → Autenticar
Cursor	Instalación con un clic en uxkin.com/cursor-ui-design, luego Iniciar sesión junto a uxkin
Codex	`codex mcp add uxkin --url https://uxkin.com/mcp`, luego `codex mcp login uxkin` (o instala el plugin de Codex)
GitHub Copilot (VS Code)	Paleta de comandos → MCP: Agregar servidor → HTTP → `https://uxkin.com/mcp`, luego inicia sesión cuando se te pida (guía)
Lovable, Bolt, Devin Desktop	Agrega un servidor MCP personalizado con la URL anterior (Lovable, Bolt, Devin Desktop / Windsurf)
Cualquier otro cliente MCP	Usa el mensaje de configuración de uxkin.com (un token enviado como `Authorization: Bearer <token>`)

Buscar requiere un plan de UXKIN (Mensual o de por vida). Puedes desconectar cualquier app desde tu cuenta.

Pruébalo

Una vez conectado, pídele a tu agente cosas como:

"Usa UXKIN para encontrar flujos de incorporación de apps de meditación reales y dime qué tienen en común."
"Usa UXKIN para mostrarme cómo las apps reales manejan la cancelación de una suscripción y luego mejora mi pantalla de cancelación."
"Encuentra un sistema de diseño SaaS claro y minimalista en UXKIN y construye el héroe de mi página de aterrizaje en ese estilo."
"Antes de construir el muro de pago, busca tres muros de pago reales en UXKIN y di qué decisiones tomas de cada uno."

Herramientas

Herramienta	Devuelve
`find_ui_references`	Pantallas reales de apps de iOS, recorridos de usuario (flujos de varias pantallas como incorporación o cancelación de suscripción) y sitios web
`find_ui_materials`	Sistemas de diseño de sitios web reales: colores con sus roles, tipografía, componentes y el DESIGN.md completo para la mejor coincidencia
`get_journey`	Cada pantalla de un recorrido, en orden
`list_collections` / `get_collection`	Las referencias que guardaste en colecciones en uxkin.com

Todas las herramientas son de solo lectura.

Qué hay en este repositorio

Los skills no-ui-slop y uxkin-research (skills).
El plugin de UXKIN para Claude (.claude-plugin), Cursor (.cursor-plugin) y Codex (.codex-plugin), el power de Kiro (POWER.md), el plugin de Google Antigravity (plugin.json) y la extensión de Gemini CLI (gemini-extension.json): el skill y el servidor MCP en una sola instalación.
El listado del servidor MCP (server.json), publicado en el Registro oficial de MCP.
El propio sistema de diseño de UXKIN (DESIGN.md): UXKIN exporta un DESIGN.md para cada sitio web en su biblioteca, y UXKIN mismo está construido a partir de uno. Entrégalo a tu agente para ver el formato en acción.
Dónde está listado UXKIN (DISTRIBUTION.md): cada registro, tienda de apps y directorio, y dónde se encuentra cada uno.
Ejemplos (examples): archivos de configuración para cada app, instrucciones de proyecto para tu AGENTS.md o CLAUDE.md, mensajes de ejemplo y ejemplos trabajados (eliminación de cuenta, cancelación de suscripción, incorporación móvil) que muestran qué hace un agente de manera diferente con UXKIN.

Úsalo como plugin de Claude

Una instalación agrega el skill y el servidor de UXKIN. El skill funciona de inmediato; para buscar en la biblioteca, conecta el servidor (Claude abre una página de UXKIN donde inicias sesión y haces clic en Permitir). En Claude Code, escribe /mcp, elige uxkin y selecciona Autenticar.

En Claude Code también puedes agregarlo desde GitHub directamente:

claude plugin marketplace add uxkin/agent
claude plugin install uxkin@uxkin

Úsalo como plugin de Cursor

Después de instalar, haz clic en Iniciar sesión junto a uxkin en la configuración de MCP de Cursor, inicia sesión en UXKIN y haz clic en Permitir.

Úsalo como plugin de Codex

codex plugin marketplace add uxkin/agent
codex plugin add uxkin@uxkin
codex mcp login uxkin

El último comando abre una página de UXKIN donde inicias sesión y haces clic en Permitir.

Úsalo como plugin de Google Antigravity

git clone https://github.com/uxkin/agent uxkin
agy plugin install ./uxkin

Luego escribe /mcp, elige uxkin y selecciona Autenticar: se abre una página de UXKIN donde inicias sesión y haces clic en Permitir. Para agregar solo el servidor, coloca mcp_config.json en ~/.gemini/config/mcp_config.json.

Úsalo como power de Kiro

En Kiro, abre el panel de Powers → Agregar power personalizado → Importar power desde GitHub, e ingresa https://github.com/uxkin/agent. Cuando Kiro pida autenticar uxkin, haz clic en Autenticar, inicia sesión en UXKIN y haz clic en Permitir.

Úsalo como extensión de Gemini CLI

gemini extensions install https://github.com/uxkin/agent

Luego inicia Gemini CLI y escribe /mcp auth uxkin: se abre una página de UXKIN donde inicias sesión y haces clic en Permitir.

Qué envía

El skill se ejecuta localmente y no envía nada. El servidor MCP recibe solo el texto de búsqueda que tu agente envía (por ejemplo, "incorporación para una app de meditación"), el límite de resultados y tu inicio de sesión, y devuelve referencias coincidentes de uxkin.com. No lee tu código, archivos ni conversación. Consulta la política de privacidad.

Documentación y soporte

Documentación: configuración para cada app y qué devuelve cada herramienta.
Guías: mejor UI con Claude Code, Cursor, Codex, Copilot, Lovable, Bolt y más.
Soporte, o envía un correo a support@uxkin.com.
Programa de afiliados: gana el 30% de cada pago de las personas que traigas a UXKIN.

Contribuciones y seguridad

Las correcciones al skill, los pasos de configuración y los ejemplos son bienvenidos: consulta CONTRIBUTING.md. Para informar un problema de seguridad, consulta SECURITY.md.

Licencia

El skill y los archivos en este repositorio tienen licencia MIT. La biblioteca de UXKIN en sí (sus pantallas, recorridos y sistemas de diseño) es un servicio alojado, no parte de este repositorio: consulta los términos. La licencia MIT cubre el código y el texto aquí; no otorga uso del nombre o logotipo de UXKIN.