3 skills de Claude Code para empezar bien
Frontend Design, Superpowers y Caveman: qué hace cada una y los comandos para instalarlas en Claude Code, paso a paso y sin saber programar.
En esta guía · 8 secciones
- Primero, qué es una habilidad (skill)
- Antes de arrancar: tener Claude Code
- 1. Frontend Design: páginas que no parecen hechas con IA
- 2. Superpowers: que Claude planifique antes de programar
- 3. Caveman: Claude habla como un cavernícola (y gastás menos)
- Las tres de una: el resumen para copiar
- Si algo no funciona
- Lo que sigue
Estas son las tres habilidades de Claude Code que recomiendo para empezar, cada una con todos sus comandos listos para copiar, y al final un resumen para instalar las tres de una.
Si recién estás arrancando a crear tus primeras páginas o aplicaciones con IA, estas tres te ahorran horas de idas y vueltas y bastante plata en uso.
Primero, qué es una habilidad (skill)
Una habilidad es un paquete de instrucciones que se le suma a Claude Code. La instalás una vez y a partir de ahí Claude trabaja de otra forma: diseña mejor, sigue un método o habla más corto, según cuál sea. No tenés que acordarte de activarlas en cada conversación: la mayoría se prende sola cuando hace falta.
1. Frontend Design
Que no parezca hecho con IA
Tus páginas salen con un diseño propio en vez del mismo molde de siempre.
2. Superpowers
Plan antes que código
Claude arma el plan, escribe las pruebas y recién después programa.
3. Caveman
Menos palabras, menos gasto
Respuestas cortas, como un cavernícola. Gastás menos de tu plan.
Antes de arrancar: tener Claude Code
Las tres habilidades funcionan en Claude Code, la versión de Claude que corre en tu computadora. No andan en el chat de la web.
Si todavía no lo tenés, entrá a claude.com/claude-code y seguí los pasos para tu sistema (Windows, Mac o Linux). Se instala en un par de minutos. Si nunca creaste nada con IA, en esta guía para crear una app sin programar te cuento cómo es el primer proyecto de punta a punta.
Dónde se pegan los comandos
Abrí Claude Code y pegá cada comando en el mismo lugar donde le escribís a Claude, de a uno, y apretá Enter. Los que empiezan con / son órdenes para Claude Code, no mensajes. Cuando termines de instalar, cerrá Claude Code y volvé a abrirlo para que tome las habilidades nuevas.
1. Frontend Design: páginas que no parecen hechas con IA
Si alguna vez le pediste a una IA que te arme una página, ya conocés el resultado: fondo blanco, un degradé violeta, tarjetas redondeadas y la misma tipografía de siempre. Funciona, pero se nota a kilómetros que la hizo una IA.
Frontend Design es la habilidad oficial de Anthropic (la empresa que hace Claude) para resolver eso. Antes de escribir una línea, Claude elige una dirección visual clara: tipografías con personalidad, una paleta de colores propia, animaciones y detalles que hacen que la página parezca diseñada por alguien. Ya pasó el millón de instalaciones.
Para instalarla:
/plugin install frontend-design@claude-plugins-officialCómo se usa: no tenés que hacer nada especial. Le pedís la página como siempre y la habilidad se activa sola. Por ejemplo:
Armame una landing page para mi emprendimiento de velas artesanales. Quiero un estilo cálido y editorial, con tonos tierra.Cuanto más le contés sobre el estilo que buscás (colores, sensación, alguna marca que te guste), mejor sale. Si no le decís nada, igual elige una dirección por su cuenta, pero es mejor que la elijas vos.
2. Superpowers: que Claude planifique antes de programar
El error más caro cuando empezás es pedirle a Claude “haceme una app de turnos” y dejarlo escribir código de una. Arranca rápido, pero a la tercera corrección ya rompió algo que andaba, y cada vuelta te consume uso del plan.
Superpowers le impone un método de trabajo. Es una de las habilidades más populares de GitHub, con casi 300.000 estrellas, y lo que hace es obligar a Claude a seguir este orden:
Preguntas
Te hace preguntas hasta entender bien qué querés construir.
El plan
Divide el trabajo en tareas chicas y te lo muestra antes de empezar.
Las pruebas
Escribe primero cómo va a comprobar que cada parte funciona.
El código
Recién ahí programa, tarea por tarea, revisando cada una.
Las “pruebas” suenan técnicas, pero la idea es simple: antes de construir algo, Claude deja escrito cómo se va a dar cuenta si quedó bien. Así, cuando algo se rompe, lo detecta él y no vos tres días después.
Para instalarla:
/plugin install superpowers@claude-plugins-officialCómo se usa: también se activa sola. Le contás qué querés construir y va a empezar a hacerte preguntas en vez de ponerse a programar. Es normal que sean varias: contestalas con calma, porque de esas respuestas sale el plan. Al principio parece más lento, pero terminás antes porque te ahorrás las idas y vueltas.
3. Caveman: Claude habla como un cavernícola (y gastás menos)
Mi favorita, sobre todo si usás el plan más económico de Claude.
Cada palabra que Claude escribe consume tokens, que es la unidad con la que se mide cuánto usás tu plan. Y Claude, por defecto, escribe como si estuviera redactando una carta: introducciones, explicaciones, repeticiones. Caveman le saca todo eso. Sí, lo hace hablar como un cavernícola: respuestas cortas, sin vueltas, con la misma información.
Mirá la diferencia con el ejemplo del propio creador de la habilidad (traducido):
Claude normal · 69 tokens
"El motivo por el que tu componente de React se vuelve a renderizar probablemente es que estás creando una referencia de objeto nueva en cada render. Cuando pasás un objeto escrito en línea como prop, la comparación de React lo ve como un objeto distinto cada vez, y eso dispara un nuevo render. Te recomiendo usar useMemo para memorizar el objeto."
Claude con Caveman · 19 tokens
"Objeto nuevo cada render. Prop inline = ref nueva = re-render. Usá useMemo."
Mismo diagnóstico, misma solución, casi un cuarto de las palabras. Y lo importante no se toca: el código, los comandos y los mensajes de error siguen saliendo completos. Solo se achica la charla alrededor.
Para instalarla son dos comandos, uno después del otro:
/plugin marketplace add JuliusBrussee/caveman/plugin install caveman@cavemanEl primero le dice a Claude Code dónde encontrar la habilidad y el segundo la instala.
Cómo se usa: si Claude no empieza a hablar corto solo, escribí /caveman para activarla. Tiene niveles, por si el cavernícola te queda muy bruto o muy suave:
/caveman lite: corto pero educado. Buen punto de partida./caveman ultra: al máximo. Puro gruñido./caveman off(o escribir “normal mode”): vuelve a hablar como siempre.
Sobre el 65% de ahorro
Era la cifra que daba el autor, y siempre fue un "hasta". Depende de cómo uses Claude: si le pedís muchas explicaciones, ahorrás mucho; si casi todo lo que escribe es código, bastante menos. Una prueba independiente de JetBrains midió un 8,5% en tareas de programación, sin pérdida de calidad, y el autor ya sacó el 65% de la skill.
Si querés ir más a fondo con esta (los niveles, cuánto ahorra de verdad y cuándo no conviene), en la guía completa de Caveman te lo cuento paso a paso.
Las tres de una: el resumen para copiar
Si ya leíste todo y solo querés instalar, pegá estos cuatro comandos en Claude Code, uno por uno:
/plugin install frontend-design@claude-plugins-official/plugin install superpowers@claude-plugins-official/plugin marketplace add JuliusBrussee/caveman/plugin install caveman@cavemanDespués cerrá Claude Code, volvé a abrirlo y listo. Para ver lo que tenés instalado, escribí /plugin y vas a ver la lista.
Si algo no funciona
- Te dice que no encuentra “claude-plugins-official”. Pasa en algunas versiones viejas. Pegá
/plugin marketplace add anthropics/claude-plugins-officialy después repetí el comando de instalación. Si sigue fallando, actualizá Claude Code. - Instalaste pero no cambia nada. Casi siempre es porque falta cerrar y volver a abrir Claude Code.
- Viste en el video otro comando para Caveman. El del video (
npx skills add JuliusBrussee/caveman -g) también funciona, pero se pega en la terminal, no adentro de Claude Code, y necesita tener Node.js instalado. Si estás empezando, usá los dos comandos de arriba.
Las tres son gratis y de código abierto. Si querés ver exactamente qué hace cada una por dentro: Frontend Design, Superpowers y Caveman.
Lo que sigue
Con estas tres instaladas, Claude Code ya diseña mejor, trabaja con método y gasta menos. El paso siguiente es aprender a pedirle bien las cosas: en las reglas de prompting que uso con Claude te dejo las que más me cambiaron los resultados. Y si querés ver otra habilidad en acción, en esta guía de Claude Ads te muestro una que audita campañas de publicidad.
Si te sirvió, suscribite al newsletter: ahí mando herramientas y trucos de IA como estos. Y si tenés un proyecto que querés sacar adelante con IA y preferís no pelearte solo con la terminal, en una asesoría 1:1 lo vemos juntos.
