Biblioteca de habilidades de diseño y prompts de UI, con CLI y conexión MCP, que ofrece sistemas de diseño y orientación sobre layouts a herramientas de programación con IA.
ibelick/ui-skills
Registro de skills de UI y diseño de ingeniería listas para agentes, consultable mediante una CLI y un servidor MCP.
- Estrellas
- 10,721
- Forks
- 513
- Issues abiertos
- 22
- Último commit
- anteayer
¿Qué es?
UI Skills es un registro de skills reutilizables dirigido a profesionales del diseño de ingeniería, que abarca temas relacionados con la UI agrupados en categorías como motion. Cada skill se puede consultar y obtener por nombre, lo que permite a desarrolladores y agentes de IA incorporar indicaciones específicas sobre UI a su flujo de trabajo.
El proyecto ofrece una interfaz de línea de comandos para explorar categorías, listar skills por categoría y obtener una skill concreta, como baseline-ui. También expone el registro a través de un endpoint de Model Context Protocol con las herramientas list_skills y get_skill, para que los agentes puedan consultarlo directamente.
Además del registro, el proyecto publica un playbook con lecciones de UI sintetizadas a partir de skills de diseño de ingeniería. El código está escrito en TypeScript y se distribuye bajo la licencia MIT.
Funciones clave
- 01Explorar categorías de skills y listarlas desde la terminal con npx ui-skills.
- 02Obtener una skill concreta por su nombre, como baseline-ui.
- 03Conectar agentes de IA al registro mediante un endpoint de MCP.
- 04Ofrece las herramientas list_skills y get_skill para el acceso programático.
- 05Incluye un playbook con lecciones de UI sintetizadas.
Casos de uso
- Proporcionar a un agente de programación indicaciones de referencia para crear componentes de UI pulidos.
- Consultar skills de motion u otras específicas de UI desde la línea de comandos.
- Repasar lecciones de UI sintetizadas antes de un proyecto de diseño de ingeniería.
Inicio rápido
- 1
Explora las habilidades disponibles desde tu terminal
npx ui-skills start - 2
Muestra las categorías de habilidades
npx ui-skills categories - 3
Obtén una habilidad específica
npx ui-skills get baseline-ui
En colecciones
Temas
Preguntas frecuentes
- ¿Qué es ui-skills?
- Registro de skills de UI y diseño de ingeniería listas para agentes, consultable mediante una CLI y un servidor MCP. UI Skills es un registro de skills reutilizables dirigido a profesionales del diseño de ingeniería, que abarca temas relacionados con la UI agrupados en categorías como motion. Cada skill se puede consultar y obtener por nombre, lo que permite a desarrolladores y agentes de IA incorporar indicaciones específicas sobre UI a su flujo de trabajo.
- ¿ui-skills es gratuito? ¿Qué licencia tiene?
- ui-skills es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿ui-skills sigue mantenido?
- Mantenimiento activo. El último commit de ui-skills fue el 5 nov 2026.
- ¿Para qué puedo usar ui-skills?
- Proporcionar a un agente de programación indicaciones de referencia para crear componentes de UI pulidos. Consultar skills de motion u otras específicas de UI desde la línea de comandos. Repasar lecciones de UI sintetizadas antes de un proyecto de diseño de ingeniería.
- ¿Cómo se instala ui-skills?
- Explora las habilidades disponibles desde tu terminal: npx ui-skills start Muestra las categorías de habilidades: npx ui-skills categories Obtén una habilidad específica: npx ui-skills get baseline-ui
- ¿Dónde consigo ui-skills?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/ibelick/ui-skills
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Una pequeña biblioteca de atajos de teclado para navegadores que asigna combinaciones, incluidas secuencias de varias teclas, a funciones de manejo.
Una biblioteca de JavaScript para crear interfaces de usuario interactivas con componentes componibles, disponible para la web, el servidor y plataformas nativas.
Un entorno de trabajo frontend para crear, documentar y probar componentes de UI de forma aislada, compatible con React, Vue, Angular, Svelte y más.
Un compilador que convierte componentes web declarativos en JavaScript eficiente que actualiza el DOM de forma precisa.
Paquete de Go para crear aplicaciones web progresivas con WebAssembly y una interfaz declarativa basada en componentes, escrita íntegramente en Go.