Web

Skills de Claude Code: guía completa y las mejores de 2026

Imagina que Claude, antes de escribir una sola línea de código, ya sabe exactamente cómo diseña tu empresa, cuáles son los requisitos, cómo debe actuar, qué debe preguntar, qué necesita de entrada de datos y qué debe entregar al finalizar. Sin que tú se lo expliques en cada sesión. Sin prompts repetidos. Sin contexto perdido. Eso es lo que hacen las skills de Claude Code.

Qué es una skill de Claude Code

Una skill de Claude Code no es un prompt guardado. Tampoco es un Custom GPT con otro nombre. Es un paquete de conocimiento procedimental experto que vive en un archivo SKILL.md y extiende lo que Claude sabe hacer. La mejor analogía: contratar a alguien nuevo todos los días y darle instrucciones desde cero cada mañana, versus tener un asistente que ya tiene en su escritorio todos los manuales antes de que se lo pidas.

Lo que hace que sean especialmente potentes es su activación automática: no tienes que decirle a Claude qué skill usar. Cada vez que lanzas un prompt, Claude escanea todas las skills disponibles, identifica cuál aplica y la carga solo. El estándar SKILL.md es agnóstico — las mismas skills funcionan en Claude Code, Cursor, Gemini CLI, Codex CLI y OpenCode.

Los tres tipos de skills que existen

Skills incluidas (bundled): Vienen dentro de Claude Code sin instalar nada. A abril de 2026 son cinco: /batch para dividir trabajo en trozos paralelos, /debug para cazar bugs, /loop para secuencias de arreglar-probar-ajustar, /simplify para reducir planes demasiado densos, y /claude-api para preguntas sobre la API de Anthropic.

Skills oficiales instalables: Publicadas por Anthropic. Incluyen document-skills (PDFs, DOCX, PPTX, XLSX), example-skills con QA en Playwright, y claude-api.

Skills de comunidad: El ecosistema más numeroso. Desde repositorios mantenidos por equipos como Vercel o Composio hasta skills que un desarrollador construyó para su flujo interno y decidió compartir. Son las más numerosas y las que requieren más criterio antes de instalar.


Regla de oro
Usa primero las bundled skills durante tu primera semana. La mayoría de situaciones reales se resuelven con /debug, /simplify o /loop sin instalar nada.

Cómo instalar skills de Claude Code

1
Marketplace oficial de Anthropic — Instala directamente desde el marketplace oficial con un solo comando.

Bash · Marketplace

/plugin marketplace add anthropics/skills
npx skills add anthropics/skills --skill document-skills
2
Desde GitHub directamente — Clona el repositorio y copia la skill a tu carpeta local de Claude.

Bash · GitHub

git clone https://github.com/travisvn/awesome-claude-skills
cp -r awesome-claude-skills/skills/frontend-design ~/.claude/skills/
3
Usando skills.sh — El npm de las skills: busca en el directorio del ecosistema, instala y mantiene todo actualizado.

Bash · skills.sh

npx skills find "frontend design"   # buscar
npx skills add [url]                # instalar
npx skills update                   # actualizar todo

Top 10 mejores skills de Claude Code en 2026

Clasificadas por selección editorial. Cada una incluye el problema real que resuelve y un ejemplo concreto de uso.

01

Superpowers Skill

obra · 9.3/10 · github.com/obra/superpowers

Claude tiende a implementar directamente sin planificar, generando código que no escala y decisiones de arquitectura apresuradas. Superpowers hace que Claude piense antes de programar y siga un flujo de desarrollo profesional real con TDD, arquitectura limpia y revisión de código.


Ejemplo real
Le pides un sistema de notificaciones en tiempo real → genera el plan técnico con las decisiones de arquitectura justificadas → crea los tests que describen el comportamiento esperado → programa la implementación que hace pasar esos tests → hace self-review antes de entregarte el código, señalando qué podría mejorarse en una segunda iteración.
02

Context7 Skill

Upstash · 9.8/10 · github.com/upstash/context7

Claude genera código obsoleto o APIs inventadas porque trabaja con su conocimiento de entrenamiento, no con la documentación actual de tus herramientas. Context7 mete la documentación real y actualizada directamente dentro del contexto de Claude antes de que empiece a escribir código.


Ejemplo real
Le pides «escribe un componente con la última versión de shadcn/ui» → Context7 busca la documentación real actualizada de shadcn en ese momento → Claude genera código que realmente funciona con la versión actual, sin alucinaciones de APIs inexistentes ni métodos deprecados.
03

Microsoft Playwright Ecosystem Skill

Microsoft · 9.6/10 · github.com/microsoft/playwright-cli

Claude no puede interactuar con el navegador ni verificar que lo que generó realmente funciona en la interfaz. Playwright le habilita para automatizar navegadores, capturar screenshots y generar tests E2E automáticamente desde el código que acaba de escribir.


Ejemplo real
Claude genera un formulario de login → Playwright abre el navegador y prueba el login con credenciales de test → captura screenshot de cada paso del flujo → si algo falla, genera el test E2E que reproduce el error exacto para que puedas reproducirlo después.
04

Impeccable + Taste Skill

pbakaus / leonxlnx · 9.5/10 · impeccable | taste-skill

Claude genera interfaces genéricas con fuente Inter, fondo blanco y botones azules por defecto. Anthropic llama a esto convergencia distributiva. Esta skill obliga a Claude a elegir una dirección estética antes de tocar el código y prohíbe explícitamente fuentes sobreutilizadas y patrones de diseño predecibles.


Ejemplo real
Sin skill Claude produce landing con Inter, degradado violeta y tarjetas con sombra. Con la skill Claude elige primero «editorial magazine, tipografía Playfair, paleta tierra con accent amarillo mostaza» → genera layouts asimétricos con overlap de elementos → añade micro-animaciones en hover que refuerzan la dirección estética, produciendo algo completamente diferente a lo que cualquier otro prompt generaría.
05

Open Design Skill

nexu-io · 9.4/10 · github.com/nexu-io/open-design

Las interfaces generadas por IA son funcionales pero no tienen la calidad visual de un diseño profesional real. Open Design aporta un ecosistema visual completo que combina dirección de arte, UX, motion design y branding para generar interfaces con nivel de producción real.


Ejemplo real
Le pides «crea el dashboard principal de mi SaaS financiero» → define la dirección: «minimalismo japonés, datos como protagonistas, tipografía monospace» → genera la estructura UX con jerarquía de información correcta → añade animaciones de entrada para los datos del dashboard → exporta HTML listo para mostrar al cliente o al equipo de inversores.
06

Garden Skills

ConardLi · 9.2/10 · github.com/ConardLi/garden-skills

Crear contenido en múltiples formatos desde el mismo material implica reescribir y reformatear manualmente cada vez. Garden Skills coordina agentes especializados para convertir contenido textual en formatos visuales y multimedia de forma automática.


Ejemplo real
Le pasas un artículo de blog de 2.000 palabras → lo convierte en una presentación animada con slides bien estructurados → añade iconografía contextual para cada punto clave → genera la versión en vídeo corto de 60 segundos para redes sociales, todo a partir del mismo contenido original sin que reescribas nada.
07

Marketing Skills Ecosystem

coreyhaines31 · 9.1/10 · github.com/coreyhaines31/marketingskills

Claude sin contexto especializado da recomendaciones de marketing genéricas que podrían aplicar a cualquier producto. Este pack activa agentes especializados en SEO, copywriting, CRO y growth con frameworks de marketing reales: Copywriter, Especialista SEO, CRO y Growth Engineer.


Ejemplo real
Le pasas tu landing page actual → analiza el copy y la estructura de conversión → mejora los headlines aplicando principios de copywriting como especificidad y beneficio directo → propone variantes para A/B test con diferentes enfoques de propuesta de valor → genera el contenido SEO para las palabras clave objetivo con densidad y estructura correcta.
08

Claude Deep Research Skill

199-biotechnologies · 9.0/10 · github.com/199-biotechnologies/claude-deep-research-skill

Claude sin esta skill investiga usando solo su conocimiento de entrenamiento, que puede estar desactualizado o ser incompleto. Deep Research busca, compara y valida fuentes cruzadas antes de incluir cualquier información en el informe final.


Ejemplo real
Le pides «investiga las mejores herramientas de CI/CD para equipos de 5 a 20 personas con stack TypeScript» → busca fuentes actuales en documentación oficial, benchmarks y comparativas → compara características, precios y casos de uso reales → valida la información cruzando fuentes independientes → genera un informe estructurado con recomendaciones específicas para tu contexto, no genéricas.
09

Everything Claude Code (ECC) Skill

affaan-m · 8.4/10 · github.com/affaan-m/everything-claude-code

Claude en modo individual no puede coordinar trabajo complejo entre disciplinas sin perder el hilo entre sesiones. ECC convierte Claude Code en un sistema multi-agente con memoria, workflows y automatizaciones coordinadas entre Planificador, Arquitecto, Desarrollador, QA, Revisor, Investigador y DevOps.


Ejemplo real
Le pides crear una app completa → el Planificador estructura el proyecto y las dependencias → el Arquitecto diseña la base de datos y la API → el Desarrollador implementa módulo por módulo → QA ejecuta los tests automatizados → el Revisor hace code review del resultado → todo coordinado sin que tú intervengas entre pasos.
10

Frontend Design Skill

Anthropic Oficial · 9.4/10 · 277.000+ instalaciones · github.com/anthropics/claude-code

Con más de 277.000 instalaciones es la skill más popular del ecosistema. Resuelve la convergencia distributiva desde la skill oficial de Anthropic: da a Claude un sistema de diseño y filosofía estética antes de tocar el código, prohibiendo Inter, Roboto, Arial, system fonts y degradados violeta sobre fondo blanco.


Ejemplo real
Sin skill una landing page sale con Inter, cards azules y fondo #f8f9fa. Con la skill Claude pregunta el contexto del producto, elige «editorial de lujo, Cormorant Garamond, negro profundo con accent dorado» y el resultado tiene un punto de vista estético claro, inconfundible y comercialmente diferente de cualquier otra landing generada por IA.

Listado completo por categoría

Desarrollo y programación

Matt Pocock Skills

mattpocock · 9.4/10 · github.com/mattpocock/skills

Claude tiende a implementar directamente sin planificar, generando código que no escala. Matt Pocock Skills obliga al agente a generar PRDs estructurados, dividir en tareas atómicas y aplicar TDD antes de cualquier implementación.


Ejemplo real
Le pides «construye un sistema de autenticación con roles» → primero genera el PRD completo con requisitos, casos de uso y edge cases → divide en tareas atómicas: JWT, refresh tokens, roles, middleware, tests → escribe el test de cada módulo primero → luego la implementación que lo pasa → el resultado es código que ya viene testeado y documentado desde el primer commit.

Skill Creator

Anthropic Oficial · 7.8/10 · github.com/anthropics/skills

Skill oficial para crear y mejorar otras skills de forma interactiva. El punto de entrada más cómodo para empezar a construir las tuyas. Puedes usar partes de cualquier skill listada en este artículo como base — toma el frontmatter de esta skill, la estructura de secciones de Superpowers y los gotchas de frontend-design como punto de partida, luego adapta a tu workflow específico.


Ejemplo real
Le dices «quiero una skill para mi proceso de code review interno» → te hace preguntas sobre tu flujo actual, qué valoras y qué errores son más frecuentes → genera el SKILL.md completo con tus convenciones → crea tests de evaluación para medir si la skill funciona → optimiza el comportamiento basándose en los resultados de los tests.

Diseño frontend y UI/UX

Claude Code Video Toolkit Skill

digitalsamba · 9.6/10 · github.com/digitalsamba/claude-code-video-toolkit

Crear demos de producto o tutoriales en vídeo es manual, lento y caro. Este toolkit genera guiones, narración con voz IA, edita la timeline y usa FFmpeg para renderizar el vídeo final, todo desde Claude Code.


Ejemplo real
Le pides «crea una demo en vídeo de mi app de productividad» → genera el guión estructurado por escenas → graba la pantalla mientras navega por la app → añade narración con voz IA que describe lo que se ve → renderiza el MP4 final listo para publicar en YouTube o LinkedIn.

HyperFrames Skill

heygen-com · 9.5/10 · github.com/heygen-com/hyperframes

Crear vídeos animados requiere software especializado que Claude no puede controlar. HyperFrames define escenas en HTML, CSS y JavaScript pensado para IA, y Claude escribe el código de cada frame mientras el framework renderiza el vídeo final.


Ejemplo real
Le pides «crea un vídeo explicativo de 30 segundos sobre nuestra feature de analytics» → genera 8 escenas en HTML con animaciones CSS → cada escena tiene timing, transiciones y textos animados coordinados → renderiza el vídeo completo exportable a MP4 sin que hayas abierto ningún software de edición.

Huashu Design + UI/UX Pro Max Skill

alchaincyf / nextlevelbuilder · 9.4/10 · Huashu Design | UI/UX Pro Max

Combina dirección de arte, UX, motion design y branding para generar interfaces con nivel de producción real, no de prototipo genérico de IA.


Ejemplo real
Le pides «crea la pantalla de onboarding de mi app móvil» → analiza el flujo de activación del usuario → diseña la progresión de pasos con el menor número de fricciones → elige una dirección visual coherente con el producto → genera los componentes listos para entregar al equipo de desarrollo.

Claude Video Vision Skill

jordanrendric · 9.4/10 · github.com/jordanrendric/claude-video-vision

Permite que Claude analice y entienda vídeos. Extrae frames en los momentos clave, detecta escenas y genera resúmenes estructurados con timestamps precisos.


Ejemplo real
Subes una grabación de una sesión de usuario en tu app → detecta los momentos donde el usuario duda, retrocede o abandona el flujo → genera un informe de UX con timestamps exactos para cada punto de fricción → propone mejoras específicas para cada sección problemática basándose en lo que observa en el vídeo.

Better Icons Skill

better-auth · 8.9/10 · github.com/better-auth/better-icons

Buscador de iconos integrado directamente en Claude Code. Claude busca en las principales bibliotecas, selecciona los SVGs más apropiados para el contexto y los descarga en tu proyecto.


Ejemplo real
Le pides «añade iconos de pago al componente de checkout» → busca en Lucide, Heroicons y Tabler Icons → selecciona los más apropiados para un contexto fintech → los descarga e integra directamente en el componente sin que tengas que abrir ningún buscador externo.

Graphify Skill

safishamsi · 8.8/10 · github.com/safishamsi/graphify

Convierte proyectos en un grafo de conocimiento para que Claude entienda relaciones entre archivos sin releer todo el código en cada sesión. Útil en repositorios grandes donde el contexto se pierde con facilidad.


Ejemplo real
Tienes un repositorio de 200 archivos → Graphify analiza las dependencias y relaciones entre módulos → construye el mapa interno del proyecto → cuando preguntas «¿cómo afecta cambiar esta función al módulo de pagos?» Claude lo sabe sin que le pases los archivos manualmente, porque ya tiene el grafo cargado.

SEO y marketing

Claude SEO Skill

AgriciDaniel · 9.2/10 · github.com/AgriciDaniel/claude-seo

Las auditorías SEO manuales son lentas y Claude sin contexto especializado da recomendaciones genéricas. Claude SEO activa un framework de auditoría técnica completo que cubre E-E-A-T, schema markup, Core Web Vitals y optimización para AI Overviews de Google.


Ejemplo real
Le pasas la URL de tu sitio → analiza estructura de headings, meta tags, velocidad de carga y enlaces internos → genera un informe priorizado en tres niveles: crítico, importante y nice-to-have → propone el schema JSON-LD correcto para cada tipo de página → identifica oportunidades concretas para aparecer en AI Overviews.

AI Website Cloner Template Skill

JCodesMore · 9.1/10 · github.com/JCodesMore/ai-website-cloner-template

Clona páginas web automáticamente usando agentes IA. Extrae estilos, estructura y componentes para recrearlos en código limpio y editable.


Ejemplo real
Le pasas la URL de una landing page de un competidor que te gusta → analiza la estructura visual, paleta de colores, tipografía y jerarquía de información → genera la versión en código HTML/CSS limpio y comentado → adapta el contenido automáticamente a tu producto manteniendo la estructura que te interesaba.

Investigación y research

last30days Skill

mvanhorn · 9.6/10 · github.com/mvanhorn/last30days-skill

Claude no sabe qué herramientas, temas o conversaciones están creciendo en la comunidad ahora mismo. Esta skill busca tendencias reales en Reddit, X y YouTube de los últimos 30 días y las analiza para extraer señales de crecimiento.


Ejemplo real
Le pides «¿qué frameworks de IA están creciendo este mes?» → analiza conversaciones reales en r/MachineLearning, r/LocalLLaMA y los principales hilos de X → detecta qué herramientas se mencionan con más frecuencia y sentimiento positivo → genera un informe de tendencias con contexto real de lo que la comunidad está discutiendo ahora.

Productividad y automatización

Google Workspace CLI Skill

Google · 9.0/10 · github.com/googleworkspace/cli

Conecta Claude con Gmail, Drive, Calendar y Sheets con acceso completo a través de su servidor MCP integrado. Publicada por Google en marzo de 2026, llegó a 4.900 estrellas en GitHub en sus primeros tres días.


Ejemplo real
Le pides «resume todos los emails sin leer de esta semana, prioriza los que necesitan respuesta urgente y archiva los newsletters» → accede a tu Gmail en tiempo real → analiza el contexto de cada email → te entrega el resumen priorizado con el nivel de urgencia de cada uno → ejecuta las acciones de archivo que apruebes.

Connect Apps Skill

ComposioHQ · github.com/ComposioHQ/awesome-claude-skills

Conecta Claude Code con más de 1.000 aplicaciones: Gmail, Slack, GitHub, Notion, Asana, Jira, Salesforce. Claude no solo genera texto — toma acciones reales en tus herramientas.


Ejemplo real
Le pides «crea un issue en Jira con los bugs que encontró el test de Playwright, asígnalo a María según su carga actual y notifica en el canal #bugs de Slack con el link al issue» → ejecuta las tres acciones en una sola instrucción, sin que abras ninguna de las tres aplicaciones.

find-skills — Vercel Labs

Vercel Labs · ~89.800 instalaciones semanales · skills.sh

La skill más instalada del ecosistema. Detecta cuándo Claude no tiene el conocimiento especializado para una tarea y busca en el directorio del ecosistema la skill más adecuada. Instálala el primer día para descubrir el resto sin navegar repositorios a ciegas.


Ejemplo real
Le preguntas algo muy específico sobre testing de contratos de APIs → detecta que no tiene el conocimiento especializado en ese dominio → busca en el directorio de skills disponibles → te sugiere cuál instalar → si ya la tienes, la activa directamente sin que tú hayas hecho nada.

Vídeo y multimedia

Remotion AI Video Ecosystem Skill

remotion-dev · 8.9/10 · github.com/remotion-dev/remotion

Framework y skills para generar vídeos automáticos usando IA y React. El enfoque más maduro para vídeo programático en el ecosistema. Cada frame del vídeo es un componente React renderizado.


Ejemplo real
Le pides «genera un vídeo de datos mostrando el crecimiento de usuarios de este mes» → crea los componentes React con los datos reales de tu CSV → anima las transiciones y gráficas con spring animations → renderiza el MP4 final con la calidad y resolución que especifiques.

Templates y herramientas rápidas

Prompt Engineering Skill

travisvn · travisvn/awesome-claude-skills

Enseña técnicas y patrones de prompting fundamentados, incluyendo las mejores prácticas de Anthropic y principios de persuasión para agentes. Útil para cualquier persona que trabaje intensamente con IA a diario.


Ejemplo real
Le pides «ayúdame a escribir un prompt para que Claude genere tests automáticamente a partir de código existente» → aplica chain-of-thought, few-shot examples y estructura XML en el diseño del prompt → te entrega un prompt que genera tests consistentes y reproducibles en cualquier sesión, no solo en la actual.

Cómo crear tu propia skill desde cero

La señal más clara para crear una custom skill es la repetición: si te encuentras escribiendo el mismo prompt en múltiples conversaciones, es el momento de convertirlo en una skill. Si puedes explicar en una sola frase qué workflow resuelve, merece ser una skill. Si no puedes, todavía no.

Puedes usar partes de las skills listadas en este artículo como base. La mayoría tienen licencia permisiva. Toma el frontmatter de Skill Creator, la estructura de secciones de Superpowers y la sección de gotchas de Frontend Design como punto de partida, luego adapta cada parte a tu workflow específico.

Crea la estructura con:

Bash · Crear skill

mkdir ~/.claude/skills/mi-skill
touch ~/.claude/skills/mi-skill/SKILL.md

El SKILL.md mínimo que necesitas: el bloque --- con name y description, una sección de Instrucciones con lo que quieres que Claude sepa hacer, y una sección de Gotchas que empieza vacía y vas completando con los errores reales que encuentres en el uso diario.

Principios que aprenden todos los que construyen skills en producción:

  • Empieza con instrucciones mínimas: 10 líneas que funcionan valen más que 200 que sobrespecifican.
  • Invierte en skills de verificación, no solo de generación: las que revisan el output previenen más problemas.
  • Mantén menos de 15 skills personales en total: más no es mejor.
  • La sección de gotchas vacía no es un placeholder: es una promesa de que la completarás con errores reales.

Seguridad: lo que nadie te cuenta

La investigación ToxicSkills de Snyk analizó una muestra representativa de skills públicas y encontró que el 36% contiene prompt injection, con 1.467 payloads maliciosos identificados en el ecosistema. Una skill maliciosa puede manipular el comportamiento de Claude de formas no visibles para el usuario, especialmente si incluye scripts ejecutables.

⚠️
Antes de instalar cualquier skill
Lee el SKILL.md completo: el contenido debe ser legible, claro y coherente con lo que dice hacer. Revisa si incluye scripts ejecutables y entiende qué hacen antes de aprobarlos. Instala solo de fuentes verificadas: el repositorio oficial de Anthropic, repositorios con alto número de estrellas y mantenedores con historial visible. Desconfía de skills con instrucciones ofuscadas o que prometen capacidades inusuales.

Repositorios principales del ecosistema

Repositorio Enfoque Destacado
anthropics/skills Repositorio oficial de Anthropic. Pocas skills pero cuidadas y actualizadas. Punto de partida obligatorio. Oficial Anthropic
travisvn/awesome-claude-skills La lista curada más completa del ecosistema. Si solo marcas un repositorio, que sea este. 22.000+ estrellas
ComposioHQ/awesome-claude-skills Enfocada en integraciones con más de 1.000 aplicaciones externas. 1.000+ apps
obra/superpowers Más de 20 skills battle-tested construidas alrededor de flujos de desarrollo reales. 20+ skills producción
skills.sh Marketplace y buscador del ecosistema. La skill find-skills de Vercel Labs vive aquí. ~89.800 inst./semana

Preguntas frecuentes

¿Las skills de Claude Code funcionan solo en Claude Code?

No. El estándar SKILL.md es compatible con Claude.ai, Claude Code, la API y herramientas como Cursor, Gemini CLI o OpenCode. Una skill construida una vez funciona en todos estos entornos.

¿Cuánto contexto consumen?

Claude usa aproximadamente 100 tokens para escanear los metadatos de cada skill disponible. Solo cuando activa una skill carga su contenido completo, que por convención debe quedarse bajo los 5.000 tokens. El sistema está diseñado para ser eficiente.

¿Las skills están disponibles en el plan gratuito?

No. Las skills de Claude Code requieren plan Pro, Max, Team o Enterprise.

¿Cuál es la diferencia entre una skill y un subagente?

Una skill es conocimiento portable que puede usar cualquier instancia de Claude. Un subagente es un agente independiente diseñado para un propósito específico con su propio workflow y acceso restringido a herramientas. Los subagentes pueden aprovechar skills para tener conocimiento especializado.

¿Puedo compartir mis skills personales?

Sí. Publica la carpeta con tu SKILL.md en un repositorio de GitHub y cualquier persona puede instalarla con el comando correspondiente de skills.sh.

Si te ha servido este articulo, te agradeceriamos un comentario

GRACIAS

2 respuestas

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Facebook
WhatsApp
Email
Twitter
LinkedIn

Articulos relacionados