# ui-skills - 7 Claude Skills de ibelick

> Pack de 7 Claude Skills de ibelick para Diseño y UI, Herramientas para desarrolladores, SEO y GEO. Qué incluye, cómo se instala entero y qué hace cada skill.

Fuente: https://skillsagentes.com/skills/ibelick/ui-skills
Markdown: https://skillsagentes.com/skills/ibelick/ui-skills.md

ui-skills es un repositorio de ibelick con 7 skills indexados en este directorio, repartidos entre Diseño y UI, Herramientas para desarrolladores, SEO y GEO. Se pueden instalar de uno en uno o el pack completo con un solo comando. El repositorio acumula 8303 estrellas en GitHub.

## Instalar el pack entero

```bash
npx -y skills add ibelick/ui-skills --agent claude-code
```

Instala los 7 skills en el proyecto actual. Añade `-g` para toda la máquina, y cambia `--agent` por `cursor`, `codex`, `gemini`, `windsurf` o `cline`.

## Datos del repositorio

- Publicado por: [ibelick](https://skillsagentes.com/creators/ibelick.md)
- Skills indexados: 7
- Categorías: Diseño y UI, Herramientas para desarrolladores, SEO y GEO
- Estrellas: 8303
- Licencia: MIT
- Último push: 2026-09-06
- [Código fuente](https://github.com/ibelick/ui-skills)

## Los 7 skills

- [Baseline Ui](https://skillsagentes.com/skills/ibelick/ui-skills/baseline-ui.md): Pule rápido el código de interfaz corrigiendo espaciado, jerarquía, tipografía y pequeños problemas de layout. Úsalo cuando la interfaz necesite una limpieza o un pulido rápido.
- [Create Design Md](https://skillsagentes.com/skills/ibelick/ui-skills/create-design-md.md): Crea o actualiza un DESIGN.md desde un repositorio o web pública: documenta el lenguaje de diseño, reconstruye el sistema visual y extrae tokens y pautas de evidencia. No modifica código fuente ni convierte patrones accidentales en diseño.
- [Fixing Accessibility](https://skillsagentes.com/skills/ibelick/ui-skills/fixing-accessibility.md): Audita y corrige problemas de accesibilidad HTML: ARIA, navegación por teclado, gestión del foco, contraste de color y errores de formulario. Úsalo al añadir controles interactivos, formularios, diálogos o revisar WCAG.
- [Fixing Metadata](https://skillsagentes.com/skills/ibelick/ui-skills/fixing-metadata.md): Audita y corrige metadatos HTML: títulos, descripciones, canónicas, Open Graph, Twitter cards, favicons, JSON-LD y robots. Úsalo al añadir SEO, arreglar vistas previas, revisar Open Graph, configurar canónicas o publicar páginas nuevas.
- [Fixing Motion Performance](https://skillsagentes.com/skills/ibelick/ui-skills/fixing-motion-performance.md): Audita y corrige problemas de rendimiento en animaciones: layout thrashing, propiedades del compositor, movimiento ligado al scroll y desenfoques. Úsalo si las animaciones van a tirones o revisas el rendimiento de animaciones CSS/JS.
- [Improve Ui](https://skillsagentes.com/skills/ibelick/ui-skills/improve-ui.md): Audita una interfaz contra su diseño, detecta problemas de UI verificados y escribe planes autocontenidos sin tocar código. Útil para revisar, refinar o limpiar sin cambiar la identidad, ver deriva del design system o preparar un handoff.
- [Ui Skills Root](https://skillsagentes.com/skills/ibelick/ui-skills/ui-skills-root.md): Úsalo antes de trabajo relacionado con UI para seleccionar el contexto de UI Skills más pequeño y útil a través de la CLI ui-skills.

## Preguntas frecuentes

- **¿Qué incluye ui-skills?** 7 skills indexados en este directorio, repartidos entre 3 categorías, sobre todo Diseño y UI, Herramientas para desarrolladores, SEO y GEO. Cada uno es un SKILL.md con sus propios archivos, y en la lista de esta página tienes los 7 con enlace a su ficha.
- **¿Cómo instalo todo el pack ui-skills de una vez?** Con un solo comando: npx -y skills add ibelick/ui-skills --agent claude-code. Instala los 7 skills del repositorio en el proyecto actual. Añade -g al final para dejarlos disponibles en toda la máquina, y cambia --agent si usas Cursor, Codex, Gemini CLI, Windsurf o Cline.
- **¿Puedo instalar solo uno de los skills?** Sí. Cada ficha de skill trae su propio comando con el selector --skill, así que puedes coger uno suelto sin traerte los 7. Es lo recomendable si solo necesitas una tarea concreta: cada skill instalado ocupa contexto en tu agente.
- **¿Qué licencia tiene ui-skills?** El repositorio declara licencia MIT. Los archivos son del autor; este directorio solo los indexa y enlaza al origen.
- **¿Quién mantiene ui-skills?** ibelick, en GitHub. El último push al repositorio se registró el 6 de septiembre de 2026.

---

[Todos los packs](https://skillsagentes.com/skills/packs.md) · [Todas las skills](https://skillsagentes.com/skills.md)

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)