Las 5 skills de Claude que más me cambian el día a día

Una skill de Claude no es un prompt guardado. Es una carpeta con un SKILL.md y los ficheros de apoyo que Claude carga solo cuando la tarea lo pide, así que puedes tener veinte instaladas sin que ninguna te ensucie el contexto hasta que hace falta.

Estas son las cinco que uso de verdad, con el repositorio del que sale cada una.

1. Marketing Skills

coreyhaines31/marketingskills

Convierte a Claude en tu propia agencia. No es una skill, es un paquete: conversión, SEO, búsqueda, precios, secuencias de email, copy de landing y análisis de la competencia, cada cosa con su propio criterio y sus propias listas de comprobación.

La diferencia con pedirle "escríbeme una landing" a pelo es que la skill le obliga a preguntar por el producto, el público y la propuesta antes de escribir una sola línea. El resultado deja de sonar a plantilla.

Para qué la uso: reescribir páginas de precios, montar secuencias de email y auditar por qué una página no convierte.

2. frontend-design

anthropics/skills, carpeta frontend-design

Esta existe por un motivo muy concreto: Claude, por defecto, hace la típica web genérica de IA. Degradado morado, tarjetas con borde redondeado, tres columnas de features con iconos de línea. La reconoces a un kilómetro.

frontend-design le mete criterio visual: jerarquía tipográfica, contención del color, espaciado con intención y la instrucción explícita de no caer en los tics de siempre.

Para qué la uso: cualquier interfaz que vaya a ver alguien que no sea yo.

3. systematic-debugging

obra/superpowers, carpeta systematic-debugging

El fallo más caro de un agente al depurar es que empieza a tocar código en cuanto lee el error. Cambia una cosa, no funciona, cambia otra, y a los diez minutos tienes tres ficheros modificados y el bug intacto.

Esta skill le obliga a hacer lo que haría un buen programador: reproducir el fallo, reducirlo al caso mínimo, formar una hipótesis y verificarla antes de escribir nada. Solo cuando sabe dónde está el bug se le permite tocar.

Para qué la uso: todo lo que no se arregla en el primer intento. Que es casi todo.

4. HyperFrames

heygen-com/hyperframes

Edición de vídeo desde el terminal. Defines la composición en HTML con atributos de tiempo, y el renderizador la convierte en un vídeo determinista: mismos ficheros, mismo resultado, fotograma a fotograma.

Lo interesante no es que Claude "haga vídeos", es que la composición es código. Puedes versionarla, revisarla en un pull request y regenerar cincuenta variaciones cambiando un JSON.

Para qué la uso: overlays, animaciones y piezas de producto que en After Effects me costarían una tarde.

5. skill-creator

anthropics/skills, carpeta skill-creator

La skill que hace skills. Te entrevista sobre el flujo que quieres automatizar, propone la estructura, escribe el SKILL.md con la descripción y los disparadores correctos, y después audita las que ya tienes.

Ese último punto es el que más valor da: una skill mal descrita no se carga nunca porque Claude no sabe cuándo le toca. skill-creator detecta exactamente eso.

Para qué la uso: convertir en skill cualquier cosa que ya haya hecho tres veces a mano.

Cómo se instalan

Cada repositorio trae sus carpetas de skills. Se copian a ~/.claude/skills/ (para todos tus proyectos) o a .claude/skills/ dentro del proyecto (solo para ese). Cada skill es una carpeta con su SKILL.md dentro:

~/.claude/skills/
  frontend-design/
    SKILL.md
    references/
  systematic-debugging/
    SKILL.md

Comprueba la ruta interna antes de copiar. Muchos repositorios envuelven las skills en una carpeta skills/ y si arrastras el repo entero, SKILL.md queda un nivel más abajo de donde Claude lo busca y la skill no se carga nunca.

Cómo se combinan de verdad

Aquí está la parte que no cabía en el vídeo. Las cinco no se usan sueltas, se encadenan:

1. skill-creator te monta la skill del flujo concreto de tu proyecto.
2. Marketing Skills define qué dice la página y a quién.
3. frontend-design decide cómo se ve, con ese texto ya escrito y no con relleno.
4. systematic-debugging entra cuando algo falla, y evita que se cargue lo que ya funcionaba.
5. HyperFrames saca la pieza de vídeo para anunciarlo.

El orden importa: si dejas el diseño para el final, Claude rehace el texto para que encaje en el hueco. Si el texto va primero, el diseño se adapta a él.

Un aviso sobre el contexto

Las skills se cargan bajo demanda, pero una vez cargadas ocupan sitio. Si abres una sesión con cinco activas a la vez vas a notar que el contexto se llena antes. Mejor una sesión por fase que una sesión que lo intente todo.