Qué es una skill
Una skill es una carpeta con un archivo SKILL.md adentro. Ese archivo tiene instrucciones que tu agente de IA lee solo cuando las necesita. Es como darle el manual de un oficio: diseño, accesibilidad, pruebas o buenas prácticas de React.
El formato lo creó Anthropic y lo publicó como estándar abierto (agentskills.io). Por eso la misma skill sirve en varias herramientas.
Dónde las busca cada herramienta
Una skill de proyecto vale solo para esa carpeta. Una personal vale para todos tus proyectos.
| Herramienta | Skills del proyecto | Skills personales |
|---|---|---|
| Claude Code | .claude/skills/ |
~/.claude/skills/ |
| Codex | .agents/skills/ |
~/.agents/skills/ |
| Cursor | .agents/skills/, .cursor/skills/ (también lee .claude/skills/ y .codex/skills/) |
~/.agents/skills/, ~/.cursor/skills/ |
| Copilot (VS Code, CLI) | .github/skills/, .claude/skills/, .agents/skills/ |
~/.copilot/skills/, ~/.claude/skills/, ~/.agents/skills/ |
| Gemini CLI | .gemini/skills/, .agents/skills/ |
~/.gemini/skills/, ~/.agents/skills/ |
No hace falta copiar las carpetas a mano: el instalador de skills.sh las pone en el lugar correcto.
Las cinco skills
Cinco de las más instaladas para webs en skills.sh. Las cifras cambian todos los días; estas son del 2026-11-05.
| # | Skill | De quién | Qué hace | Licencia | Instalaciones |
|---|---|---|---|---|---|
| 5 | accessibility |
addyosmani/web-quality-skills (no oficial) | Revisa y mejora la accesibilidad de tu web según las pautas WCAG 2.2: que la pueda usar cualquier persona, también con lector de pantalla o solo con el teclado | MIT | 67,3 mil |
| 4 | webapp-testing |
Anthropic | Abre tu web local en un navegador con Playwright, la prueba, saca capturas y lee los logs del navegador | Apache-2.0 | 198,2 mil |
| 3 | web-design-guidelines |
Vercel | Revisa el código de tu interfaz y marca lo que no cumple las Web Interface Guidelines | MIT según el README | 828,0 mil |
| 2 | vercel-react-best-practices |
Vercel | Pautas de rendimiento para React y Next.js: 70 reglas en 8 categorías | MIT | 873,3 mil |
| 1 | frontend-design |
Anthropic | Le da a tu IA criterios de diseño visual para que la interfaz no parezca una plantilla | Apache-2.0 | 1,1 millones |
Cómo instalarlas
- Instalá Node. El instalador
npx skillspide Node 22.20 o más nuevo. Revisá tu versión connode --version. - Abrí tu proyecto. Entrá en la terminal a la carpeta de tu web, así la skill queda en ese proyecto.
- Instalá frontend-design. Corré
npx skills add https://github.com/anthropics/skills --skill frontend-design. - Elegí tu herramienta. El instalador te pregunta en qué herramienta instalarla: Claude Code, Codex, Cursor, Copilot o Gemini CLI.
- Sumá las otras. Es el mismo comando con su repo y su nombre:
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practicesnpx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelinesnpx skills add https://github.com/anthropics/skills --skill webapp-testingnpx skills add https://github.com/addyosmani/web-quality-skills --skill accessibility
- Pedile algo a tu IA. No tenés que nombrar la skill: el agente la lee cuando el pedido la necesita. Por ejemplo, pedile una página de inicio y compará con lo que te hacía antes, o pedile «revisá mi interfaz» para que use web-design-guidelines.
Si algo falla
npx skillsno arranca o da error de versión: actualizá Node a 22.20 o más nuevo.- Tu IA no usa la skill: revisá que esté en una de las carpetas de la tabla para tu herramienta, en el proyecto que abriste o en tu carpeta personal.
- webapp-testing no abre el navegador: necesita Python y Playwright instalados, y un agente que pueda correr comandos.
- web-design-guidelines no revisa nada sin conexión: baja las reglas cada vez que la usás, así que necesita internet.
- Las skills de Anthropic (frontend-design y webapp-testing) se publican «for demonstration and educational purposes only»: tomalas como punto de partida, no como garantía.