Una interfaz inaccesible rara vez necesita una demolición. Suele necesitar que alguien encuentre los tornillos flojos y los apriete en el orden correcto. UI Skills de ibelick reúne un registro, una CLI y una conexión MCP para consultar skills de ingeniería de diseño. El catálogo incluye recursos sobre accesibilidad, pero eso no convierte el proyecto en una auditoría WCAG.
TL;DR: El resumen sin rodeos
- Qué aporta: un catálogo de skills para ingeniería de diseño, con acceso desde la web, la CLI y MCP.
- Instalación: el README documenta comandos para consultar y descargar recursos mediante la CLI de UI Skills.
- Coste: el código se publica con licencia MIT; el agente y los servicios externos van por separado.
- Límite: las fuentes verificadas no presentan el proyecto como certificador de WCAG ni prueban que una interfaz ya sea accesible.
En este artículo
| Qué es | Catálogo de instrucciones de ingeniería de diseño que puedes explorar desde la web, una CLI o una conexión MCP. |
|---|---|
| Web oficial | https://ui-skills.com/ |
| Repositorio | repo |
| Licencia | MIT |
| Precio | El repositorio publica su código bajo MIT. El agente y los servicios externos tienen condiciones independientes; no se ha verificado una tarifa única. |
| Estrellas en GitHub | 8.822 |
| Año de lanzamiento | 2026 |
| Quién lo mantiene | ibelick (persona) |
Revisado el 2026-09-27
Esta herramienta forma parte de estos recopilatorios: Skills de diseño para Claude Code y Codex · Skills para Claude Code, Codex y otros agentes de código
El problema que resuelve
UI Skills de ibelick intenta poner orden en un problema bastante común: los catálogos de instrucciones para agentes crecen y encontrar la pieza adecuada acaba siendo otro trabajo más. El proyecto permite explorar y descargar skills desde la terminal o consultarlas mediante MCP.
El catálogo mezcla recursos de ibelick con trabajos firmados por Anthropic, Emil Kowalski y otros autores. Conviene mirar la autoría de cada ficha antes de repartir medallas. Que aparezca en UI Skills no significa que lo haya creado ibelick.
En cristiano
Le das al agente acceso a un catálogo de instrucciones sobre diseño y eliges la que encaja con el problema. El propio registro incluye temas de accesibilidad, formularios, botones y movimiento. Luego toca revisar qué propone cada recurso y quién lo firma. Menos acto de fe, más mirar la letra pequeña.
Cómo se pone en marcha
La web muestra una CLI que se ejecuta con npx ui-skills. El README documenta npx ui-skills start y también recoge comandos como npx ui-skills categories, npx ui-skills list --category motion y npx ui-skills get baseline-ui para explorar y descargar recursos.
La web organiza el catálogo por temas y muestra agentes como Claude Code, Cursor, Codex y GitHub Copilot. Eso acredita que aparecen como rutas de consulta dentro del proyecto, pero no demuestra que cada skill se haya probado de principio a fin con todos ellos.
Las fuentes verificadas no documentan un comando universal de desinstalación. Ojito antes de borrar carpetas a ciegas: toca comprobar qué ha descargado la CLI y dónde lo ha dejado.
Copia esto y pégalo en tu asistente de código después de consultar el catálogo:
Consulta https://ui-skills.com/ y localiza una skill de accesibilidad adecuada para esta interfaz.
Indica quién la firma y qué tareas cubre según su ficha.
Antes de cambiar código, propón una revisión acotada y explica cómo comprobar el resultado.
Necesitas poder revisar el resultado. El asistente puede proponer cambios, pero la comprobación en el código y en el navegador sigue siendo responsabilidad del usuario.
MCP de UI Skills de ibelick
UI Skills presenta una integración MCP para consultar su registro desde un agente, según el README oficial.
El MCP permite consultar el catálogo mediante las herramientas list_skills y get_skill. Eso es lo que documenta el README. No acredita que el servidor aplique correcciones, ejecute pruebas de accesibilidad o valide el resultado. Recupera instrucciones. El trabajo serio empieza después.
La conexión exacta depende de cómo gestione servidores MCP cada cliente. Las fuentes verificadas publican el endpoint del proyecto, pero no una prueba reproducible con todos los agentes del mercado. Venderlo como una integración universal y comprobada sería vender más baguette que pan.
Usándola en marketing real
El caso razonable es una landing page que ya convierte, pero acumula pequeños fallos: iconos sin nombre, foco que desaparece, un formulario incómodo con teclado o animaciones que ignoran la preferencia de movimiento reducido. Rehacerla completa sería una temeridad. Ignorarla tampoco parece una idea brillante.
Un equipo pequeño podría consultar el catálogo, escoger un recurso de accesibilidad cuya ficha encaje con esa landing y limitar la revisión a una sola pantalla. Primero tendría que comprobar la autoría y el alcance de la skill. Después, revisar cada propuesta en el código y probar el comportamiento real.
Las fuentes verificadas no incluyen una prueba documentada con un agente ni demuestran que una skill concreta detecte todos esos problemas. Esto es un escenario de uso razonable, no una experiencia de Dani. El criterio sigue en manos de quien revisa. SIEMPRE.
Quien necesite una revisión más amplia puede complementar este enfoque con unas directrices generales de diseño web. Y si quiere entender cómo encajan estas piezas en distintos asistentes, la guía de skills para Claude Code, Codex y agentes de código aporta el contexto que aquí no conviene repetir.
Lo que no te cuentan
UI Skills de ibelick no se presenta en las fuentes verificadas como certificador automático de WCAG. Su web y su README describen un catálogo de skills, una CLI y una conexión MCP. Un agente diciendo "hecho" sigue sin ser una auditoría. Pum.
También hay que vigilar la autoría. El proyecto funciona a la vez como repositorio propio, directorio, CLI y registro MCP de skills de terceros. Esta reseña no atribuye a ibelick los recursos enlazados de Emil, Anthropic u otros creadores.
El código está publicado bajo licencia MIT. Eso no vuelve gratuitos el asistente, las API o cualquier servicio externo necesario. No se ha verificado una tarifa única que cubra todo el flujo.
El dossier verificado no aporta opiniones independientes ni preguntas reales de usuarios. Así que no hay citas que rellenar ni un supuesto consenso comunitario que fabricar. La evidencia disponible aquí viene del propio proyecto.
Veredicto
UI Skills de ibelick merece una visita si trabajas con agentes de código y quieres localizar instrucciones de ingeniería de diseño sin rebuscar por medio GitHub. La CLI y el MCP están documentados, y el catálogo deja visible quién firma cada recurso.
No lo usaría como sello de calidad ni como excusa para aprobar cambios sin leerlos. Es un registro de instrucciones, no una garantía de que la interfaz haya quedado bien. Si el humano deja de supervisar, la gracia se acaba ahí mismo.
