¿Qué son las 3 flagships (skill-creator, superpowers, frontend-design)?

Son las tres skills que aparecen en la cima de cada lista curada porque atacan los problemas más universales. **`skill-creator`** es la meta-skill oficial de Anthropic ([repo en anthropics/skills/skills/skill-creator](https://github.com/anthropics/skills/tree/main/skills/skill-creator)) que ayuda a Claude a escribir nuevas skills: te entrevista, valida el frontmatter YAML, y deja el `SKILL.md` listo para mergear — clave para que el stack no se quede en las 28 sino que crezca con tu workflow. **`superpowers`** es la comunidad-mantenida ([buscar `superpowers claude` en GitHub](https://github.com/search?q=superpowers+claude+code&type=repositories)) que convierte a Claude Code en un equipo de sub-agentes con planning, TDD y code review en paralelo. **`frontend-design`** vive en [anthropics/skills/skills/frontend-design](https://github.com/anthropics/skills/tree/main/skills/frontend-design) y entrena al modelo a evitar el "AI slop" violeta default: le da framework conceptual (purpose, tone, constraints, differentiation). Si arrancás con una, que sea frontend-design — la cubrí entera en la guía [3 skills oficiales para mejorar el diseño de Claude](/resources/3-skills-mejorar-diseno-claude).

¿Para qué sirven mcp-builder, webapp-testing y la skill de security?

Forman la capa Development. **`mcp-builder`** ([github.com/anthropics/skills/skills/mcp-builder](https://github.com/anthropics/skills/tree/main/skills/mcp-builder)) ayuda a Claude a generar Model Context Protocol servers — el estándar abierto descrito en [modelcontextprotocol.io](https://modelcontextprotocol.io) que permite a un agente hablarle a tu DB, APIs y SaaS. Es crítica para cualquier workflow agentico en 2026: si vas a conectar Claude a Supabase, Notion, Stripe o lo que sea, esta skill te genera el adapter. **`webapp-testing`** ([repo oficial](https://github.com/anthropics/skills/tree/main/skills/webapp-testing)) testea apps locales usando un browser real — wraps Playwright para que Claude pueda QA-ar la app sin que tipees comandos. **`security`** (Trail of Bits, comunitaria) corre análisis con [CodeQL](https://codeql.github.com) y [Semgrep](https://semgrep.dev) sobre tu código para detectar vulnerabilidades antes de mergear. Las 3 se apilan: mcp-builder construye, webapp-testing valida funcionalidad, security valida que no haya hoyos. Para profundizar en el flow Claude Code, leé [3 cosas que hacer antes de abrir Claude Code](/resources/3-cosas-que-hacer-antes-de-abrir-claude-code).

¿Cómo se conecta la capa Brand & Design con frontend-design?

Frontend-design es el norte estético oficial — pero las cinco skills de la capa **Brand & Design** son las que operativizan el día a día. **`brand-guidelines`** ([github.com/anthropics/skills/skills/brand-guidelines](https://github.com/anthropics/skills/tree/main/skills/brand-guidelines)) le carga a Claude los tokens de tu marca (paleta, tipografía, do/dont) para que respete el sistema sin tipearle el manifiesto en cada chat. **`canvas-design`** ([repo oficial](https://github.com/anthropics/skills/tree/main/skills/canvas-design)) genera diseños de canvas (posters, social cards) directo. **`theme-factory`** ([repo oficial](https://github.com/anthropics/skills/tree/main/skills/theme-factory)) genera y aplica themes a UIs existentes. **`figma-impl`** (comunidad, buscar en [github.com/search?q=figma+implementation+skill+claude](https://github.com/search?q=figma+implementation+skill+claude&type=repositories)) implementa diseños de Figma en código. **`shadcn-ui`** (comunidad, también basada en el ecosistema oficial [ui.shadcn.com](https://ui.shadcn.com)) le da a Claude conocimiento profundo de la librería shadcn/ui — qué componente usar, qué props, qué variantes. Mirá también la guía [3 skills oficiales para mejorar el diseño de Claude](/resources/3-skills-mejorar-diseno-claude) para el stack apilable completo y [impeccable](https://impeccable.style) como complemento.

Claude Code: guía para devs, hooks, skills, SDK y CLI

Q: ¿Cuáles son las 28 mejores Claude skills de 2026 y por qué importan?

Son una mezcla de **17 skills oficiales** publicadas por Anthropic en [github.com/anthropics/skills](https://github.com/anthropics/skills) más **11 skills comunitarias** que cubren los huecos que las oficiales no tocan: marketing, SEO, video con Remotion, herramientas como [Firecrawl](https://github.com/mendableai/firecrawl), [Composio](https://github.com/ComposioHQ/composio), [Supermemory](https://github.com/supermemoryai/supermemory) y publicación social. Importan en 2026 porque resuelven el cuello entre "Claude me ayuda" y "Claude opera": una skill bien escrita encapsula 200-500 líneas de tribal knowledge (paths, comandos, defaults validados) que el modelo cargaría mal si tuvieras que tipearlo en cada chat. El ecosistema creció a más de 1000 skills compatibles según el directorio comunitario [VoltAgent/awesome-agent-skills](https://github.com/VoltAgent/awesome-agent-skills), pero estas 28 son las que se repiten en cada lista curada (Firecrawl, [claudeskills.info](https://claudeskills.info), [developersdigest.tech](https://www.developersdigest.tech/blog/best-claude-code-skills-2026)).

Claude Code

Cómo subir tu proyecto Claude Code a internet en 1 minuto

Tu proyecto Claude Code está parado en tu compu porque no sabés cómo subirlo. Alls Deploy lo arregla con un comando: detecta el tipo, audita seguridad y lo publica.

29 de abr de 20265 min

Claude Code

Cómo ahorrar 80% de tokens en Claude Code con 8 reglas en CLAUDE.md

Si abrís Claude Code de fábrica, estás tirando plata a la basura. Aprendé a configurar 8 reglas clave en tu archivo CLAUDE.md para ahorrar hasta un 80% en tu consumo.

27 de abr de 20266 min

Claude Code

3 cosas que hacer antes de abrir Claude Code — Planificación

Si abrís Claude Code y te ponés a construir sin un plan, ya la cagaste. Descubrí los 3 pasos clave para estructurar tu proyecto y ahorrar tokens.

21 de abr de 20265 min

Claude Code

5 proyectos gratis para mejorar Claude que nadie está usando

Descubrí 5 proyectos y herramientas gratis (como Archon y Claude Mem) para darle memoria, consistencia y capacidades multi-agente a Claude hoy mismo.

21 de abr de 20266 min

Claude Code

Cómo ahorrar 80% de tu cuenta de Claude Code con un archivo CLAUDE.md

Claude Code gasta tokens de más por default: reescribe archivos enteros, te saluda en cada respuesta y relee el mismo contexto. Se arregla con un archivo.

21 de abr de 20266 min

Claude Code

Cómo planificar proyectos en Claude Code: 3 pasos clave

Si abrís Claude Code y empezás a programar sin un plan, ya arrancaste mal. Descubrí los 3 pasos exactos para estructurar y construir proyectos limpios.

21 de abr de 20266 min

Claude Code

6 tips de Boris Cherny (lead de Claude Code) para dominar Opus 4.7

Boris Cherny, lead de Claude Code, soltó 6 tips concretos para Opus 4.7: auto mode, allowlist, recaps, focus, effort level y el skill /go que cierra el loop agéntico solo.

18 de abr de 20266 min

Claude Code

Cómo configurar Claude Cowork en 8 pasos

Claude Cowork es la versión de escritorio de Claude —la IA de Anthropic— diseñada para transformar por completo tu forma de trabajar. No es un chatbot más donde pegás texto y espe…

9 de abr de 20268 min

Claude Code

Guía: El diccionario de Claude Code — 8 conceptos clave

Claude Code tiene términos propios que, si los entendés, cambian completamente cómo usás la herramienta. Esta guía te explica los 8 conceptos clave en simple, con ejemplos reales.

8 de abr de 20263 min

CLAUDE.md para reducir costos, planificación antes de codear y herramientas pro que nadie te cuenta

Claude Code opera como un agente autónomo en la terminal: lee el repositorio completo, edita archivos, ejecuta comandos y abre PRs sin que tengas que copiar código. La diferencia con los asistentes de chat es que actúa directamente sobre el codebase.

El archivo CLAUDE.md es la pieza más importante de la configuración: define el contexto del proyecto, las restricciones de estilo, los comandos de build y las convenciones del equipo. Un CLAUDE.md bien escrito reduce errores y consumo de tokens.

Claura usa Claude Code para scaffolding, migraciones, debugging y automatización de tareas repetitivas. Las guías cubren hooks, SDK, CLI y los patrones que adoptamos después de miles de horas de uso real.

Preguntas frecuentes sobre Claude Code

Son una mezcla de 17 skills oficiales publicadas por Anthropic en github.com/anthropics/skills más 11 skills comunitarias que cubren los huecos que las oficiales no tocan: marketing, SEO, video con Remotion, herramientas como Firecrawl, Composio, Supermemory y publicación social. Importan en 2026 porque resuelven el cuello entre "Claude me ayuda" y "Claude opera": una skill bien escrita encapsula 200-500 líneas de tribal knowledge (paths, comandos, defaults validados) que el modelo cargaría mal si tuvieras que tipearlo en cada chat. El ecosistema creció a más de 1000 skills compatibles según el directorio comunitario VoltAgent/awesome-agent-skills, pero estas 28 son las que se repiten en cada lista curada (Firecrawl, claudeskills.info, developersdigest.tech).

Son las tres skills que aparecen en la cima de cada lista curada porque atacan los problemas más universales. `skill-creator` es la meta-skill oficial de Anthropic (repo en anthropics/skills/skills/skill-creator) que ayuda a Claude a escribir nuevas skills: te entrevista, valida el frontmatter YAML, y deja el SKILL.md listo para mergear — clave para que el stack no se quede en las 28 sino que crezca con tu workflow. `superpowers` es la comunidad-mantenida (buscar superpowers claude en GitHub) que convierte a Claude Code en un equipo de sub-agentes con planning, TDD y code review en paralelo. `frontend-design` vive en anthropics/skills/skills/frontend-design y entrena al modelo a evitar el "AI slop" violeta default: le da framework conceptual (purpose, tone, constraints, differentiation). Si arrancás con una, que sea frontend-design — la cubrí entera en la guía 3 skills oficiales para mejorar el diseño de Claude.

Las cuatro son skills oficiales de Anthropic que le dan a Claude la capacidad de crear y editar archivos de oficina sin librerías externas mal documentadas. `pptx` (github.com/anthropics/skills/skills/pptx) genera presentaciones PowerPoint completas con layouts, themes y assets. `docx` (repo oficial) maneja documentos Word con estilos, tablas y secciones. `xlsx` (repo oficial) genera spreadsheets Excel con fórmulas, charts y formato condicional — la diferencia con pedírselo crudo al modelo es noche y día. `pdf` (repo oficial) crea, edita y parsea PDFs. Las 4 vienen del mismo monorepo y se instalan con /plugin marketplace add anthropics/skills adentro de Claude Code. Documentación general en docs.anthropic.com/en/docs/claude-code/skills. Para entender por qué los formatos office siguen importando en 2026, mirá agentes financieros de Claude · automatización de cierre de mes.

Forman la capa Development. `mcp-builder` (github.com/anthropics/skills/skills/mcp-builder) ayuda a Claude a generar Model Context Protocol servers — el estándar abierto descrito en modelcontextprotocol.io que permite a un agente hablarle a tu DB, APIs y SaaS. Es crítica para cualquier workflow agentico en 2026: si vas a conectar Claude a Supabase, Notion, Stripe o lo que sea, esta skill te genera el adapter. `webapp-testing` (repo oficial) testea apps locales usando un browser real — wraps Playwright para que Claude pueda QA-ar la app sin que tipees comandos. `security` (Trail of Bits, comunitaria) corre análisis con CodeQL y Semgrep sobre tu código para detectar vulnerabilidades antes de mergear. Las 3 se apilan: mcp-builder construye, webapp-testing valida funcionalidad, security valida que no haya hoyos. Para profundizar en el flow Claude Code, leé 3 cosas que hacer antes de abrir Claude Code.

Frontend-design es el norte estético oficial — pero las cinco skills de la capa Brand & Design son las que operativizan el día a día. `brand-guidelines` (github.com/anthropics/skills/skills/brand-guidelines) le carga a Claude los tokens de tu marca (paleta, tipografía, do/dont) para que respete el sistema sin tipearle el manifiesto en cada chat. `canvas-design` (repo oficial) genera diseños de canvas (posters, social cards) directo. `theme-factory` (repo oficial) genera y aplica themes a UIs existentes. `figma-impl` (comunidad, buscar en github.com/search?q=figma+implementation+skill+claude) implementa diseños de Figma en código. `shadcn-ui` (comunidad, también basada en el ecosistema oficial ui.shadcn.com) le da a Claude conocimiento profundo de la librería shadcn/ui — qué componente usar, qué props, qué variantes. Mirá también la guía 3 skills oficiales para mejorar el diseño de Claude para el stack apilable completo y impeccable como complemento.