awesome-claude-skills
Un repositorio con más de 150 skills. Estas son las 20 que sirven si haces webs, en el orden en que conviene adoptarlas.
Qué es esto
Una lista mantenida por Composio que junta skills para Claude Code de todo el mundo: de Anthropic, de proyectos como superpowers, y de gente que publicó la suya. Hay más de ciento cincuenta, y ahí está el problema: la mayoría no te sirve.
Estas veinte son las que elegí pensando en una sola cosa: el ciclo real de hacer una web. Planificar, construir, probar, revisar, publicar y mantener. No son "las mejores" en abstracto, son las que juntas cubren ese camino completo.
Cómo se instala una skill
No hay que bajar nada a mano ni buscar carpetas escondidas. Copias la dirección y se la pides a Claude Code, que para eso lo tienes.
-
1 Elige cuál quieres
Anota el nombre tal como aparece en las tarjetas de más abajo. Con el nombre y la dirección del repositorio, tu agente la encuentra solo.
-
2 Pégasela a Claude Code con esta frase
Instálame la skill NOMBRE de este repositorio: https://github.com/ComposioHQ/awesome-claude-skills Antes de instalarla, léela y dime en dos líneas qué hace y si pide permisos raros. Si te parece bien, déjala en mi carpeta de skills de Claude Code y avísame cómo se usa.
Él la baja, la deja donde corresponde y te cuenta. Y eso de "léela y dime qué hace" no es relleno: una skill son instrucciones que tu agente va a seguir, y algunas instalan paquetes o corren comandos. Que te la revise antes no cuesta nada.
-
3 Reinicia Claude Code
Cierras y vuelves a abrir. Después se activan solas cuando le pidas algo que les corresponda, sin invocarlas por su nombre, aunque varias también responden con barra, tipo
/skill-creator.
Si prefieres hacerlo tú: las skills viven en C:\Users\TU_USUARIO\.claude\skills\ en Windows y en ~/.claude/skills/ en Mac, una carpeta por skill con su SKILL.md adentro. Y algunas traen su propio instalador de una línea, tipo npx skills add nombre, que también se lo puedes pasar a Claude Code tal cual.
Las diez que yo instalaría primero
Con estas tienes un ciclo que se sostiene solo: crea, abre la web, prueba, encuentra el problema, corrige y vuelve a probar. Debajo de cada una está la frase con la que se le pide, porque no se invocan por su nombre: se activan solas cuando le pides algo que les corresponde.
Van en este orden por criterio mío, no por popularidad: no existe un contador público de descargas de skills, así que cualquier ranking que veas por ahí es inventado.
Skill Creator
Te enseña a escribir tus propias skills bien armadas, que es como dejas de depender de las de otros
«Ayúdame a crear una skill que revise mis textos antes de publicarlos»
Playwright Browser Automation
Le da un navegador de verdad: entra a tu web, aprieta botones y llena formularios
«Abre mi web y prueba que el formulario de contacto envíe bien»
Webapp Testing
Prueba tu web corriendo en local y te dice qué se rompió, sin que la mires tú
«Prueba mi web local y dime qué está fallando»
Full-Page Screenshot
Captura la página entera, no sólo lo que se ve en pantalla
«Sácale una captura completa a mi página de inicio»
prompt-engineering
Cómo pedir las cosas para que salgan a la primera, con las prácticas de Anthropic
«Mejora este prompt para que la respuesta me salga a la primera»
artifacts-builder
Arma interfaces completas con React, Tailwind y shadcn, no una pantalla suelta
«Arma un panel con estas tres tarjetas y un gráfico de ventas»
test-driven-development
Escribe la prueba antes que el código, así el arreglo se puede comprobar
«Escribe primero la prueba de esta función y después implementála»
software-architecture
Estructura el proyecto con patrones conocidos en vez de ir apilando archivos
«Revisa cómo está organizado esto y propóneme una estructura mejor»
using-git-worktrees
Copias aisladas del proyecto para tocar dos cosas a la vez sin pisarte
«Déjame una copia aparte para probar esto sin tocar lo que funciona»
lean-ctx
Recorta lo que el agente tiene que leer, y con eso baja lo que gastas por sesión
«Estamos gastando mucho contexto, ordena esto antes de seguir»
Las otras diez
No las instales todavía. Estas tienen sentido cuando ya te quedó chico lo anterior: cuando trabajas con varias ramas, cuando le entregas a un cliente o cuando quieres que Claude actúe fuera de tu computador.
subagent-driven-development
Reparte el trabajo entre varios agentes y revisa entre medio, no al final
«Reparte esto entre varios agentes y revísalo antes de juntarlo»
finishing-a-development-branch
Cierra bien una rama terminada, que es donde se pierde trabajo por apuro
«Terminé esta rama, ayúdame a cerrarla como corresponde»
Changelog Generator
Convierte tus commits en una lista de cambios que tu cliente sí entiende
«Arma la lista de cambios de esta versión para mandársela al cliente»
building-blog
Le mete un blog pensado para Google a un sitio Next.js, con un cuestionario primero
«Súmale un blog a este sitio, pensado para que Google lo encuentre»
Chrome Relay
Usa tu Chrome de siempre, con tus sesiones abiertas y tus extensiones puestas
«Entra con mi sesión y revísame el panel de este servicio»
OpenWeb
Llama a las mismas APIs que usa el sitio por dentro, resolviendo el login solo
«Sácame los datos de esta plataforma sin abrir el navegador»
MCP Builder
Te guía para conectar tus propias APIs y servicios, en Python o TypeScript
«Conéctame esta API para poder usarla desde acá»
Connect
Deja que actúe en Gmail, Slack, GitHub, Notion y mil servicios más
«Mándale un correo al cliente con el informe adjunto»
Skill Seekers
Toma la documentación de un framework y la convierte en una skill
«Convierte la documentación de este framework en una skill»
great_cto
Siete roles a la vez: tech lead, senior, QA, seguridad, DevOps y auditoría
«Revisa este proyecto como si fueras un equipo completo»
Ojo con Chrome Relay y OpenWeb. Le estás dando a un agente tu sesión iniciada: tu correo, tu banco si lo tienes abierto, todo. Yo las usaría sólo en un perfil de Chrome aparte, creado para eso y sin nada personal adentro.
La combinación que de verdad cambia el trabajo
Si juntas Skill Creator, Playwright, Full-Page Screenshot y Webapp Testing, tienes las piezas para escribir tu propia skill. Una que se llame web-auditor y que, cuando le digas "audita esta web", haga sola esto:
-
1 Levanta el proyecto y abre la página
Recorre todas las rutas, no sólo la portada.
-
2 Prueba botones y formularios
Y revisa cómo se ve en pantalla de celular, que es donde llega tu gente.
-
3 Captura pantallazos y lee la consola
Los errores de consola son los que nadie mira y los que rompen cosas en silencio.
-
4 Corrige, vuelve a probar y te entrega el informe
El "vuelve a probar" es la parte que importa: sin eso no sabes si el arreglo sirvió.
Eso ya no es darle prompts a Claude Code. Es tener un procedimiento que se repite igual todas las veces, que es lo que separa trabajar rápido de trabajar dos veces.
Si vas a aprender esto, empieza al revés
La tentación es instalar veinte skills y ver qué pasa. Termina siempre igual: no sabes cuál hizo qué, y cuando algo sale mal no tienes idea de dónde mirar.
Instala una sola, Skill Creator, y escribe una skill tuya desde cero. Aunque sea una tontera, como que revise que ningún archivo tenga tu número de teléfono antes de publicar. En esa media hora entiendes qué es una skill de verdad, y recién ahí las otras diecinueve tienen sentido.
De dónde salen
Ninguna de estas veinte es mía. La lista la mantiene Composio y cada skill tiene su propio autor, que está dicho en su tarjeta y enlazado a su repositorio original. Lo único mío acá es la selección, el orden y los comentarios.
Si quieres ver las skills que sí uso, están en su propia página, con la misma regla: dos las hice yo y del resto va dicho quién.