50 Claude skills 2026 · de diseño, código y marketing por categoría

El repositorio de Anthropic y los proyectos comunitarios ofrecen instrucciones para trabajos distintos. Esta selección reúne 50 entradas: skills individuales, paquetes y herramientas conectables. No son 50 archivos equivalentes ni hace falta instalarlos juntos.

La lista está agrupada en 8 categorías y enlaza la fuente de cada entrada. Es una selección editorial por tarea; no un ranking de rendimiento ni una certificación de seguridad. Los repositorios pueden cambiar: comprobá sus instrucciones y requisitos antes de instalar.

Si llegaste buscando skills de diseño para Claude, empezá por la sección 01: ahí están las de diseño de las 50, ordenadas por tarea (interfaz web, revisión, marca, piezas gráficas, animación y presentaciones).

Si querés una selección corta, mirá las 28 que importan: esa nota elige las esenciales. Esta es el catálogo completo, con el mapa de diseño adelante.

#01¿Cuáles son las skills de diseño para Claude?

Las skills de diseño de esta lista son frontend-design para la interfaz, impeccable y vercel-web-design-guidelines para revisarla, shadcn-ui y theme-factory para componentes y temas, brand-guidelines para marca, canvas-design, algorithmic-art y web-asset-generator para piezas gráficas, design-motion-principles para animación, y frontend-slides y pptx para presentaciones. No hace falta instalarlas todas: elegí la de la tarea que tenés hoy.

Cada una tiene su repositorio enlazado más abajo, en su categoría. Las oficiales están en anthropics/skills; el resto son comunitarias, así que leé su SKILL.md antes de instalarlas.

Para diseño web, el orden que mejor funciona es una de dirección (frontend-design) y una de revisión (impeccable o vercel-web-design-guidelines). Las tres que se apilan para web están explicadas una por una en 3 skills para mejorar el diseño de Claude, y las de cada parte de una página (dirección visual, textos, imágenes y revisión) en Skills de Claude y ChatGPT para diseño web.

Para diseño gráfico, canvas-design es la que arma piezas fijas (posters, tarjetas para redes) y brand-guidelines sirve de molde para que respeten tu marca. Revisá siempre el archivo final: el texto dentro de una imagen puede salir cortado o con errores.

Otras listas nombran skills de diseño que no están entre estas 50, como Taste o la de Emil Kowalski. Las explicamos en 5 herramientas para que tu web no parezca hecha con IA.

#02¿Cómo pruebo si una skill de diseño mejora el resultado?

Con el mismo pedido sobre la misma pantalla, una vez sin la skill y otra con ella, y comparando qué tendrías que corregir en cada versión. Si la diferencia no se ve en tu caso real, esa skill no te suma, aunque esté en todas las listas.

Es el criterio que aplicamos en Claura antes de sumar una skill de diseño a un proyecto, y el mismo que usamos en la comparación de 3 skills para mejorar el diseño de Claude:

1. Una skill por tarea. Si querés mejorar la interfaz, probá frontend-design sola; si querés revisar una ya hecha, impeccable o vercel-web-design-guidelines. Instalar varias juntas no te deja saber cuál cambió el resultado.
2. Mismo pedido, misma pantalla. Escribí el pedido una vez (por ejemplo, la portada de tu sitio con tu texto real) y usalo igual en las dos pasadas.
3. Compará lo que corregirías. Tipografía, espacios, colores de tu marca, contraste y cómo se ve en el celular. Anotá cuántas vueltas necesitaste en cada versión.
4. Guardá la versión de la skill. Los repositorios cambian; si un día el resultado empeora, sabés con qué versión funcionaba.
5. Sumá la siguiente sólo si falta algo. Si con una de dirección y una de revisión la pantalla queda bien, no hace falta una tercera.

#03¿Cómo se organizan las 50 skills?

50 skills en 8 categorías · de fundamentos a automatización

Las 50 entradas se reparten en 8 categorías: fundamentos oficiales, documentos, desarrollo, diseño, contenido y marketing, video, research y automatización. La tabla de abajo dice cuántas hay en cada una y cuándo conviene. No instales 50 skills porque sí. La gracia es saber qué capa resuelve qué cuello, y sumar cuando te toca. Cuando tengas varias, conviene organizarlas como un equipo con un CLAUDE.md de cerebro que rutee cada pedido a la skill correcta.

#04¿Cuáles son las skills fundamentales oficiales?

Son seis skills publicadas por Anthropic: skill-creator, frontend-design, web-artifacts-builder, brand-guidelines, canvas-design y algorithmic-art. Viven en el monorepo anthropics/skills y se instalan con /plugin marketplace add anthropics/skills.

Si tu trabajo es diseño de interfaces, frontend-design es un punto de partida. Probala sobre una pantalla real antes de sumar otras. La cubrí entera en 3 skills para mejorar el diseño de Claude.

#05¿Qué skills hay para documentos y oficina?

Son cinco skills oficiales: pptx, docx, xlsx, pdf y doc-coauthoring. Generan archivos de oficina manejando los namespaces XML internos por vos.

Para ver por qué los formatos office siguen importando en 2026, mirá agentes financieros de Claude · automatización de cierre de mes. Las que sirven para armar decks, con pptx y theme-factory a la cabeza, están en Skills de Claude y ChatGPT para presentaciones.

#06¿Qué skills hay para desarrollo y testing?

Para desarrollo hay ocho: mcp-builder y webapp-testing (oficiales), security, playwright-skill, ios-simulator-skill, expo-skills, get-shit-done y el agente code-simplifier. Cubren construir, probar en navegador real y revisar seguridad.

#07¿Qué skills de diseño y UI complementan a frontend-design?

Son seis que se suman a frontend-design: impeccable, design-motion-principles, theme-factory, shadcn-ui, vercel-web-design-guidelines y frontend-slides. El mapa por tarea de diseño está en la sección 01.

Estas seis entradas cubren tareas que pueden complementar frontend-design. Revisá instrucciones y dependencias; no hay compatibilidad automática entre todos los paquetes. El stack apilable completo está en 3 skills para mejorar el diseño de Claude, con impeccable como complemento principal.

#08¿Qué skills hay para contenido y marketing?

Son siete: la biblioteca marketing-skills con seo-audit y social, más typefully, upload-post, internal-comms y slack-gif-creator. Cubren CRO, SEO, copy, redes y comunicación interna.

marketing-skills · biblioteca de marketing de Corey Haines

La "skill" más densa de la lista: una biblioteca publicada por Corey Haines en github.com/coreyhaines31/marketingskills. Cubre CRO, SEO técnico, copywriting, hooks virales, email sequences y retention.

Para llevar estas tareas a un flujo de trabajo, consultá cómo automatizar todo el marketing de tu marca con IA y en 5 formas de automatizar carruseles de Instagram en 2026. Las de SEO y las de redes tienen su propia página, con qué devuelve cada una: skills para SEO y skills para redes sociales y carruseles.

#09¿Qué skills hay para video y visual?

Son tres: remotion para video programático en React, web-asset-generator para favicons e imágenes para redes, y claude-d3js-skill para visualizaciones de datos.

Las instrucciones de remotion orientan la creación de video por código. El render y los subtítulos necesitan revisión visual y de sincronía. Para comparar formatos, consultá 5 formas de automatizar carruseles de Instagram en 2026.

#10¿Qué skills hay para research y datos?

Son cinco: firecrawl para scraping, supermemory para memoria entre sesiones, composio para integraciones, claude-scientific-skills para trabajo científico y claude-api para el SDK de Anthropic.

#11¿Qué skills hay para automatización y workflow?

Son diez, la capa más larga: las que organizan el trabajo y paralelizan agentes (superpowers, loki-mode, handoff, grill-me) y las que proponen ahorrar contexto (caveman, context-mode).

caveman y context-mode proponen recortar respuestas o procesar contexto. Un benchmark del proyecto no garantiza bajar tu factura: medí entrada, salida, reintentos y calidad sobre tu tarea. Profundizá en cómo evaluar el ahorro de tokens con Caveman.

#12¿Cómo instalo o descargo las skills?

Las oficiales se instalan desde el marketplace de Anthropic en Claude Code; las comunitarias, con el instalador npx skills add apuntando al repositorio. Si ninguna te sirve, skill-creator te ayuda a escribir la tuya.

Camino 1 · Las oficiales en Claude Code

Para quien usa Claude Code y arranca por las skills publicadas por Anthropic.

Camino 2 · Las comunitarias con npx skills add

El instalador de Vercel permite listar las skills antes de agregarlas: npx skills add owner/repo --list. Elegí el agente y el alcance que correspondan; los requisitos de una skill pueden depender de herramientas externas.

Camino 3 · Build la tuya con skill-creator

Si ninguna de las 50 resuelve tu cuello específico, usá skill-creator: te entrevista, valida el frontmatter y deja el SKILL.md mergeable. La doc canónica está en code.claude.com/docs/en/skills y el manual oficial en The Complete Guide to Building Skills for Claude.

#13¿Qué skills elijo según mi rol?

Elegí entre seis y ocho según tu trabajo: el selector de abajo da un punto de partida para developer, designer, creator, founder e investigador. Probalas en una tarea real y sumá otra cuando aparezca algo que no cubren.

Una vez tenés tu base, leé las 28 que importan para la versión condensada y 5 herramientas para reducir tokens en Claude Code para que el stack no te coma el budget.

Si creás contenido, podés instalar la Máquina de hooks para Claude, la skill del carrusel de AI KID para analizar aperturas con una muestra de videos de tu nicho.

#14¿Qué conviene recordar de las 50 skills?

• No son 50 para instalar todas. Son 50 para que elijas las 8-12 de tu rol y sepas dónde está cada cuello cubierto.
• Las oficiales son la base. anthropics/skills te da fundamentos, documentos, dev y diseño publicados por Anthropic. Su README aclara que son ejemplos para demostración y aprendizaje: probalas antes de depender de ellas.
• Las comunitarias cubren los huecos. Marketing, video, scraping, memoria y multi-agente viven afuera del repo oficial.
• Medí el contexto cuando se usa. Las descripciones y el contenido activado consumen contexto. Instalá por tarea y compará con Caveman.
• El stack crece con vos. Cuando ninguna resuelve tu caso, skill-creator te deja escribir la tuya.
• Para diseño web específicamente, sumá el ranking de 5 herramientas para que tu web no parezca hecha con IA: criterio, números fijos y verificación visual sobre lo que Claude genera.

¿Querés la lista completa con los links directos a cada repo? Comentá SKILLS en mi último post de Instagram y te la mando al DM. Y si querés que armemos el sistema de contenido y automatización de tu marca con este stack, escribime: eso es lo que hacemos en Claura.

¿Viste una biblioteca comunitaria con cientos de skills y no sabés de dónde sale? Mirá la biblioteca de skills gratis para Claude Code, con quién sube cada una y cómo instalarla sin romper tu proyecto.

Una skill te da velocidad, pero el dato que te devuelve sigue siendo de Claude, no del repo que instalaste. Antes de usar un número o una cifra que te dio cualquier skill en algo público, pasalo por el filtro de la guía pedirle fuentes a la IA, el filtro antes de publicar: fuente exacta, verificado o estimación, y qué parte no pudo confirmar.

Entre las comunitarias de video están las Skills de Remotion: para instalarlas y pedirle a Claude contadores y animaciones listas para CapCut, mirá contadores y animaciones con IA para CapCut.

Si todavía no activaste ninguna skill y querés arrancar de cero, el plan completo de un fin de semana para usar Claude te lleva del documento sobre mí a tu primera skill instalada, paso a paso.

Quiero aplicar a mi caso la guía "50 Claude skills 2026 · de diseño, código y marketing por categoría" de Claura.
Guía: https://claura-ai.com/resources/50-claude-skills-2026

Mi caso: [a qué me dedico, qué herramientas uso y qué quiero lograr]

La guía cubre:
- ¿Cuáles son las skills de diseño para Claude?
- ¿Cómo pruebo si una skill de diseño mejora el resultado?
- ¿Cómo se organizan las 50 skills?
- ¿Cuáles son las skills fundamentales oficiales?
- ¿Qué skills hay para documentos y oficina?
- ¿Qué skills hay para desarrollo y testing?
- ¿Qué skills de diseño y UI complementan a frontend-design?
- ¿Qué skills hay para contenido y marketing?

Lee la guía (si no puedes abrir el link, trabaja con los temas de arriba). Si te falta información sobre mi caso, hazme hasta 3 preguntas antes de empezar. Después arma un plan para aplicar la guía paso a paso a mi caso y dime qué puedo hacer hoy en menos de una hora.

También te puede interesarLas mejores Claude skills 2026 · las 28 que importan

Fuentes e inspiración

anthropics/skills: skills oficiales de Anthropicgithub.comawesome-claude-skills: directorio comunitariogithub.comFirecrawl · Best Claude Code Skills 2026firecrawl.devInstagram · @ai._kidinstagram.comTikTok · @ai._kidtiktok.com

• skills
• 50 claude skills
• claude skills lista
• mejores skills claude code
• skills claude por categoria
• claude skills 2026
• skills de diseño para claude
• skills de claude para diseño web