Qué son los Skills en IA y por qué están cambiando la forma de usar agentes como Claude Code
En los últimos meses, si has estado probando agentes de IA para programar, seguramente has escuchado cada vez más el término skills.
Aunque suene complejo, la realidad es mucho más simple —y poderosa— de lo que parece.
En este artículo te voy a explicar qué son los skills, cómo funcionan en la práctica, dónde se instalan, por qué se han convertido en un estándar entre editores y agentes de IA, y cómo puedes usarlos para mejorar código, UI y flujos de trabajo completos.
Qué son los skills (explicado simple)
Un skill no es más que un archivo Markdown que contiene instrucciones claras y estructuradas para un agente de IA.
Ese archivo le dice a la IA cosas como:
- Qué buenas prácticas seguir
- Cómo analizar código existente
- Cómo mejorar una interfaz
- Qué patrones usar
- Qué errores evitar
En lugar de repetir prompts largos una y otra vez, el skill encapsula ese conocimiento y lo vuelve reutilizable.
Para qué sirven los skills en la práctica
Los skills existen porque hay skills para todo. Por ejemplo:
- Mejora de interfaces (UI/UX)
- Reescritura de código
- Aplicación de mejores prácticas
- Revisión y refactorización de proyectos existentes
- Análisis de rendimiento
- Organización de componentes
- Estilos visuales más profesionales
Lo interesante es que muchos skills ya vienen creados por otros desarrolladores o empresas, así que no siempre necesitas escribir los tuyos desde cero.
Cómo funcionan internamente
Un detalle clave:
👉 los skills no se cargan todos al mismo tiempo.
El agente de IA:
- Detecta el contexto (frontend, backend, React, UI, etc.)
- Decide cuándo cargar un skill específico
- Solo utiliza el que necesita en ese momento
Por ejemplo:
- Si estás trabajando en frontend, carga el skill de frontend
- Si escribes React, carga el skill de React
- Si mejoras UI, carga el skill de diseño
También puedes invocar un skill manualmente, como si fuera un comando, usando un slash command en herramientas como Claude Code.
Qué contiene un skill por dentro
Un skill normalmente incluye:
- Un nombre y descripción
- Un archivo principal (
skill.md) - Instrucciones detalladas
- Ejemplos
- Reglas de uso
- En algunos casos, múltiples archivos Markdown organizados por tema
Cualquiera puede leerlos. No hay magia oculta.
Dónde se instalan los skills
Dependiendo de cómo los quieras usar, los skills pueden vivir en distintos lugares:
A nivel global (usuario)
- Para que estén disponibles en todos tus proyectos
- Se guardan en una carpeta específica del usuario
A nivel de proyecto
- Solo afectan a un repositorio específico
- Ideal cuando el skill está muy ligado a ese código base
Como plugins
- Agrupan varios skills, comandos y herramientas
- Funcionan como un “paquete” de funcionalidades
Compatibilidad con editores y agentes
Los skills ya funcionan como un estándar de facto.
Son compatibles con:
- Claude Code
- Cursor
- Antigravity
- VS Code (Copilot)
- Otros agentes y editores
Cada herramienta usa carpetas distintas (.claude, .cursor, .copilot, .gemini, etc.), pero el concepto es el mismo.
Instalación rápida con skills.sh
Aquí entra una pieza clave del ecosistema moderno.
Qué es skills.sh
skills.sh es un índice creado por Vercel que funciona como un catálogo de skills.
Ahí puedes:
- Buscar skills populares
- Ver cuántas instalaciones tienen
- Acceder a su repositorio
- Instalarlos con un solo comando
Piensa en skills.sh como el npm de los agentes de IA.
Instalando un skill paso a paso
El flujo típico es:
- Copias el comando
npxdel skill - Lo ejecutas en tu proyecto
- Seleccionas en qué agentes instalarlo (Cursor, Claude, etc.)
- Decides si será global o por proyecto
- Eliges si usar symlinks (recomendado)
En segundos, el skill queda disponible.
Ejemplo real: Vercel React Best Practices
Este skill, creado por Vercel, sirve para:
- Escribir componentes React de forma más profesional
- Mejorar rendimiento
- Reducir bundles
- Optimizar renderizados
- Aplicar patrones recomendados por los creadores del framework
Cuando se ejecuta:
- Analiza el proyecto
- Reescribe componentes
- Aplica mejoras reales y medibles
En el ejemplo del video:
- Redujo el bundle casi a la mitad
- Mejoró tiempos de respuesta
- Optimiza interactividad
Todo de forma automatizada.
Skills para diseño y UI
No todo es código.
Existen skills dedicados exclusivamente a diseño de interfaces, como:
- Web Design Guidelines
- Interface Design
- Frontend Design
La diferencia es clara:
- Sin skill: UI básica, repetitiva
- Con skill: mejores sombras, espaciados, animaciones, tipografías y jerarquía visual
No es magia, pero sí es una mejora consistente.
Llamar un skill directamente vs automático
Puedes:
- Dejar que el agente lo use automáticamente
- Llamarlo explícitamente cuando lo necesites
Ambas opciones son válidas.
La documentación de Claude Code explica cuándo conviene cada una.
Recomendación importante
No apliques todos los cambios de golpe.
Lo ideal:
- Ejecutar un skill
- Revisar los cambios
- Hacer commit
- Probar
- Continuar con el siguiente
Incluso puedes pedirle a la IA que te arme una planificación de mejoras basada en el proyecto.
El ecosistema apenas empieza
Además de código y UI, ya existen skills para:
- Remotion (generación de video con código)
- Expo (apps móviles)
- Herramientas oficiales de Anthropic
- Diseño, animaciones, performance, arquitectura
Y cada semana aparecen nuevos.
Conclusión
Los skills no son moda.
Son la forma en que los agentes de IA empiezan a escalar conocimiento real, reutilizable y estructurado.
Si usas agentes de código de forma seria, entender y usar skills ya no es opcional.
En próximos contenidos, se pueden explorar:
- Los skills que más uso
- Cómo crear tus propios skills
- Cómo combinarlos con MCP y agentes
Si tienes dudas, puedes dejar un comentario o unirte a la comunidad en Discord para seguir explorando este nuevo ecosistema.