ui-skills
Skills para ingenieros de diseño que corrigen y pulen código de UI.
Gratis
Diseño y creatividad
★ 10815
#81
de 289 repos de skills
10.8k
Estrellas de GitHub
ibelick
autor
// acerca de
UI Skills es un registro pequeño de skills para trabajo de diseño front-end, con una CLI y un servidor MCP para explorarlos y obtenerlos. La mayoría audita HTML existente en busca de un tipo de problema, como accesibilidad, metadatos o rendimiento de la animación, y luego lo corrige.
// cómo instalarlo
Run npx ui-skills start to browse, or npx ui-skills get baseline-ui to fetch one skill. The registry is also available as an MCP server at https://www.ui-skills.com/mcp.
// funciona con
Claude CodeCodexCursor
// qué contiene
Este repositorio agrupa los siguientes skills:
- baseline-ui: Limpia código de UI descuidado corrigiendo espaciado, jerarquía y tipografía.
- improve-ui: Audita una pantalla de producto contra su propia evidencia de diseño y redacta los problemas comprobados.
- fixing-accessibility: Audita y corrige etiquetas ARIA, navegación por teclado, foco y contraste.
- fixing-metadata: Corrige títulos de página, meta descriptions, URLs canónicas y etiquetas Open Graph.
- fixing-motion-performance: Encuentra layout thrashing y otros problemas de rendimiento de la animación.
- create-design-md: Crea o actualiza un DESIGN.md a partir de un repositorio existente o de un sitio público.
- component-canvas: Construye un lienzo con desplazamiento y zoom para explorar componentes de UI y variantes.
// skills similares en Diseño y creatividad
ui-ux-pro-max-skill
Un solo skill de Claude que genera un sistema de diseño UI/UX a partir de un brief de proyecto.
nextlevelbuilder · Diseño y creatividad · ★ 144960
taste-skill
13 Agent Skills pensados para que las interfaces hechas por IA se vean menos genéricas.
Leonxlnx · Diseño y creatividad · ★ 109725
open-design
Un espacio de trabajo de diseño con prioridad local, donde tú y los agentes de IA hacen prototipos, presentaciones y vídeo.
nexu-io · Diseño y creatividad · ★ 106528
impeccable
Un vocabulario de diseño para agentes de programación, con comandos como polish, bolder y critique.
pbakaus · Diseño y creatividad · ★ 101919
archify
Un solo Agent Skill que dibuja diagramas de arquitectura y de flujo de trabajo a partir de descripciones en lenguaje corriente.
tt-a1i · Diseño y creatividad · ★ 93269
diagram-design
Un solo Agent Skill con 39 plantillas editoriales de diagramas para agentes de programación con IA.
cathrynlavery · Diseño y creatividad · ★ 64820