Anthropic · GA mayo 2025 · Web + iOS oct 2025

Claude Code no es solo para devs.

La mejor herramienta de marketing que probé este año no fue una herramienta de marketing. Fue Claude Code. La uso para diseñar carruseles, automatizar reportes y armar landing pages. Sin escribir una sola línea de código manual. Julio Talledo

Anatomía · Los cuatro pilares

Skills, Subagents, Hooks y MCP. El stack que separa el chat del trabajo real.

Cuatro capas que convierten a Claude en un agente que ejecuta. No es chat. No es código. Es trabajo terminado con trazabilidad completa de cada decisión.

4 pilares · 1 agente

"Claude Code no es solo para programadores. Es para cualquier persona que necesite que algo se ejecute sin tener que hacerlo a mano cada vez. Yo lo uso para diseñar mis carruseles, automatizar mis reportes y construir landing pages. Sin escribir código yo mismo. El código lo escribe Claude. Yo solo le digo qué quiero."

Julio Talledo · Especialista en Marketing Digital, Comunicación e IA

46%

Pragmatic Engineer · feb 2026

Survey a 15,000 devs. Claude Code es preferido vs Cursor 19% y GitHub Copilot 9%.

90%

Spotify · caso reportado

Reducción del tiempo de ingeniería en flujos donde Claude Code está integrado.

17×

Crecimiento API año contra año

Crecimiento anunciado en Code w/ Claude 2026, evento de Anthropic en mayo de 2026.

5.5×

Ingresos hasta julio post-GA

Crecimiento de ingresos tras el lanzamiento general en mayo de 2025.

Best practices oficiales de Anthropic.

Anthropic publicó las buenas prácticas para usar Claude Code. La pieza clave: la ventana de contexto se llena rápido y el rendimiento se degrada cuando se llena. Por eso el flujo es Explore → Plan → Implement → Entregar.

"La mayoría de buenas prácticas se basa en una sola restricción: la ventana de contexto de Claude se llena rápido y el rendimiento se degrada a medida que se llena."

Best Practices for Claude Code · documentación oficial · code.claude.com

"Los equipos que sacan más provecho de Claude se enfocan en evals automatizados, scaffolding simple y usos creativos del modelo que otros todavía no han descubierto."

Dianne · Anthropic · Code w/ Claude 2026 · Mayo 2026

Carrusel diseñado con Claude Code Guía visual · 6 ingredientes

Los 6 ingredientes que tienen que estar listos antes de empezar la sesión con Claude Code

Una sola página · 1080 × 1620 px Ver más diseños en @juliotalledo →

"La mejor herramienta de marketing que probé este año no fue una herramienta de marketing." Julio Talledo

Anatomía · Los cuatro pilares

Skills, Subagents, Hooks y MCP.

Estos cuatro componentes son los que hacen a Claude Code distinto de un chat normal. Cada uno resuelve un problema diferente: repetir procesos, especializar tareas, automatizar disparos y conectar apps externas.

Pilar 01 · Skills

Procesos repetibles

Un Skill es una carpeta con un SKILL.md y archivos de referencia. Le enseñas a Claude un proceso una vez (cómo escribes, qué formato usas, qué incluyes y qué evitas) y Claude lo ejecuta igual cada vez que lo llamas. Mi skill de copywriting personal asegura que el resultado suene como yo, no como una IA.

Pilar 02 · Subagents

Agentes especializados

Un Subagent es una versión de Claude especializada en una tarea específica con sus propias instrucciones, herramientas y contexto. Puedes tener uno para revisión QA, otro para investigación de mercado, otro para diseño visual. Cada uno con su propio dominio. Trabajan en paralelo dentro de la misma sesión.

Pilar 03 · Hooks

Triggers automáticos

Un Hook es un disparador que ejecuta una acción cuando algo ocurre. Cuando Claude termina un archivo, ejecuta un linter. Cuando se modifica un componente, corre las pruebas. Para marketing: cuando se genera un copy, pasarlo por el filtro anti-robot del skill antes de mostrarlo.

Pilar 04 · MCP

Conexión a apps externas

Model Context Protocol es el estándar para que Claude se conecte a apps externas. Slack, Notion, GitHub, HubSpot, Drive. Cualquier servicio con servidor MCP puede integrarse. Es la capa que convierte a Claude de un chat aislado a un agente con acceso a todo tu stack.

Por qué importa cada pilar para marketing

Skills te aseguran que la voz de marca sea consistente. Subagents te permiten tener especialistas digitales (uno para social, otro para SEO, otro para analytics). Hooks automatizan la QA antes de que algo salga. MCP conecta Claude con tu CRM, tu Drive y tu Slack. Los cuatro juntos son lo que diferencia "usar IA para escribir" de "tener un equipo de IA funcionando".

Workflow oficial · Cuatro fases

El flujo de Anthropic · Explore → Plan → Implement → Entregar.

Anthropic documentó las buenas prácticas con un flujo de cuatro fases. La razón es técnica: la ventana de contexto se llena rápido y el rendimiento se degrada. Separar exploración de implementación mantiene la calidad del output.

FASE 01

Explore

Reúne contexto del proyecto. Lee archivos relevantes, identifica patrones existentes, comprende restricciones. Sin escribir nada todavía. Es la fase donde se construye la base mental del trabajo.

FASE 02

Plan

Diseña el plan completo antes de ejecutar. Discute opciones, identifica riesgos, define la arquitectura. Plan mode activado. Sin código todavía. Esta fase ahorra horas de rework después.

FASE 03

Implement

Ejecuta el plan validado. Genera el código, los archivos o los entregables. Sigue las convenciones establecidas. Aquí es donde el trabajo real se materializa, pero ya con todo el contexto y el plan claros.

FASE 04

Entregar

Commits con mensajes descriptivos. Trazabilidad completa de cada decisión. Versionado limpio para auditar después. Cada entrega es un punto verificable al que volver si algo falla.

"La mayoría de buenas prácticas se basa en una sola restricción: la ventana de contexto de Claude se llena rápido y el rendimiento se degrada a medida que se llena."

Best Practices for Claude Code · documentación oficial · code.claude.com

Por qué este flujo importa en marketing

Aplicado al diseño de carruseles: Explore = leer mis skills, ver mis referencias visuales, entender el tono. Plan = definir cuántos slides, qué jerarquía, qué tipografía, qué decisiones de color. Implement = generar el HTML maestro con los N slides. Entregar = exportar los PNG retina listos para subir. Si saltas Explore o Plan, terminas iterando ocho veces el mismo carrusel.

Plan mode · la activación clave.

Activar plan mode en Claude CodeAntes de implementar nada, quiero ver tu plan completo: 1. ¿Qué archivos necesitas leer primero? 2. ¿Qué decisiones de diseño/arquitectura vas a tomar? 3. ¿Qué riesgos identificas? 4. ¿En qué orden vas a ejecutar? 5. ¿Qué quedará entregable al final de cada paso? Plan mode activado. NO escribas código hasta que apruebe el plan. Cuando termines el plan, espera mi confirmación.

Inputs · Lo que necesitas antes de empezar

Los seis ingredientes que tienen que estar listos.

Antes de abrir Claude Code, prepara estos seis inputs en tu carpeta de trabajo. Si saltas uno, vas a iterar el doble. Si los tienes todos, el carrusel completo se cierra en 25 minutos.

Copy raw o transcripción del guión

El guión sin pulir, como hablas. Hook + 3 a 5 puntos + CTA. Mejor si es transcripción directa del video. Claude lo pasa por el filtro anti-robot del skill de copy. Formato: texto plano. Mínimo 200-400 palabras.

Fotos personales · photo-forward

Al menos 2 fotos. Una para Cover (cuerpo medio, fondo limpio) y otra para CTA (sonriendo, contexto cálido). Sin filtros raros. Sin watermarks. Resolución alta para que no se vea pixelado en pantalla retina. JPG 1500px+ en /assets/.

Logos de plataformas mencionadas

Si tu carrusel menciona ChatGPT, Claude, Meta, Make, n8n, necesitas sus logos oficiales para integrarlos. Preferible SVG con transparencia. Sirven para chips, círculos blancos o pills inline. Mínimo 500px de ancho.

Iconos UI · refuerzan el CTA

Bookmark de Instagram, share, heart, comment. Refuerzan el CTA visualmente. Mejor inline SVG (escalan limpios). Si no los tienes, Claude puede dibujarlos con el camino correcto. Formato SVG inline en el HTML.

Referencias visuales · mood board

De 3 a 5 capturas de carruseles que te gusten. No importa el tema. Importa el estilo: tipografía, colores, composición, fotografía. Sin esto, Claude se queda en plantilla genérica. Adjunto al prompt en JPG o PNG.

Brief de contexto · estrategia

Canal (Instagram 4:5, LinkedIn 1:1, etc.), audiencia objetivo, objetivo del carrusel y CTA final en una sola acción. Sin brief, el resultado es genérico aunque la copy sea buena. Bullets cortos en el prompt. Mínimo 4 líneas.

Guía visual · diseñada con Claude Code Los 6 ingredientes

Los 6 ingredientes para crear diseños con Claude Code

Esta misma guía hecha con Claude Code Más recursos en @juliotalledo →

Con todo esto listo

El carrusel completo se cierra en 25 minutos. Sin los seis ingredientes, vas a estar yendo y viniendo entre pestañas, subiendo archivos a último momento y haciendo correcciones que pudiste evitar. Preparar la carpeta es el 80% del éxito.

Mi flujo personal · 8 pasos

Cómo armo un carrusel completo en 8 pasos.

Este es mi flujo personal, refinado con cada sesión. Empieza con la carpeta organizada y termina con los PNG listos para subir a Instagram. El loop se cierra en 25 minutos cuando todo está preparado de antemano.

Organiza la carpeta de trabajo

Una carpeta para el carrusel con subcarpetas /assets/ (fotos, logos), /references/ (los 3-5 carruseles de inspiración). Los seis ingredientes del paso anterior, ordenados.

Carga los skills al inicio

Apunta a tu skill de copywriting y a tu skill de diseño. Claude los lee y entiende cómo escribes y cómo diseñas. No los repites en cada prompt.

Pega el super prompt template

Plantilla con tema, audiencia, canal, copy raw, assets disponibles, referencias y reglas no negociables. Todo en un solo bloque. Adjunto el documento del template.

Plan mode activado

Antes de generar nada, pides el plan completo: cuántos slides, jerarquía visual, decisiones tipográficas, paleta a usar, ritmo de carrusel. Apruebas o ajustas antes de seguir.

Genera HTML maestro

Claude produce un HTML con todos los slides renderizados a tamaño nativo (1080×1350 para Instagram 4:5). Lo abres en navegador y revisas slide por slide.

Itera con prompts cortos

"Bájale dos puntos a la tipografía del slide 3." "Cambia la foto del CTA por assets/cta-final.jpg." Cada ajuste un prompt corto. Sin reescribir el contexto completo.

QA antes de exportar

Pides a Claude que haga QA riguroso: revisa tipografías inconsistentes, slides amarillos consecutivos, CTAs con más de una acción. Si encuentra algo, lo corrige antes de exportar.

Exporta los PNG retina

Claude genera los N PNG a 2x retina (2160×2700 para 4:5) listos para subir a Instagram. Usa Chrome headless internamente. Los archivos quedan en /slides-png/. Listo para subir.

El loop completo en 25 minutos

Si los seis ingredientes están listos, los pasos 02 al 08 se cierran en 25 minutos. La mayoría del tiempo de la mayoría de las personas se va en organizar la carpeta (paso 01), no en el diseño. Si dedicas 15 minutos a organizar antes de abrir Claude Code, el carrusel completo se entrega en 40 minutos totales.

Template · Super prompt para Claude Code

El super prompt que uso para cada carrusel.

Una plantilla que reúne brief, assets, referencias y reglas no negociables en un solo bloque. La copias, la rellenas con tu contexto y la pegas como primer mensaje. El resto del flujo lo conduce Claude usando los skills.

Super prompt · Carrusel de Instagram con Claude CodeVas a diseñar un carrusel de Instagram en mi voz y mi sistema visual. Antes de empezar, carga estos dos skills y úsalos como filtro: /Skills/julio-talledo-copy.skill /Skills/julio-talledo-design.skill ═══════════════════════════════════════════════════════════════════ BRIEF ═══════════════════════════════════════════════════════════════════ TEMA / HOOK PRINCIPAL [En una sola línea, la frase que rompe el patrón. Ej: "ChatGPT no es automatización"] AUDIENCIA OBJETIVO [Quién lo va a leer. Ej: "directivos que dicen 'tenemos IA' sin saber qué tienen"] CANAL Y FORMATO [Instagram 4:5 · 1080×1350 px · [N] slides · estilo editorial photo-forward] OBJETIVO DEL CARRUSEL [Una sola cosa. Ej: "educar + generar comentarios cualificados"] CTA FINAL [Una sola acción que pides. Ej: "Comenta IA y te mando una guía"] ═══════════════════════════════════════════════════════════════════ COPY RAW ═══════════════════════════════════════════════════════════════════ [Pega aquí el guión completo o la transcripción. No lo edites antes. Claude se encarga de pasarlo por el filtro anti-robot del skill de copy.] ═══════════════════════════════════════════════════════════════════ ASSETS DISPONIBLES ═══════════════════════════════════════════════════════════════════ FOTOS · Cover: ./assets/[nombre-archivo].jpg · CTA: ./assets/[nombre-archivo].jpg LOGOS DE MARCAS · [Plataforma 1]: ./assets/[archivo].png ═══════════════════════════════════════════════════════════════════ QUÉ ESPERO DE VUELTA ═══════════════════════════════════════════════════════════════════ 1. HTML maestro con [N] slides a tamaño nativo 1080×1350 2. Modo export con URL ?export=N para capturar slide por separado 3. Después de aprobar diseño, los [N] PNG a 2x retina (2160×2700) ═══════════════════════════════════════════════════════════════════ REGLAS NO NEGOCIABLES ═══════════════════════════════════════════════════════════════════ · QA riguroso antes de entregar. Si algo está mal, lo corriges. · Oraciones cortas, primera persona, voz peruana sin relleno. · Sin estadísticas inventadas. Si no tienes fuente, no pongas el número. · Máximo 2 slides amarillos. Sin slides amarillos consecutivos. · Una sola acción en el CTA. Nada de "guarda, comparte y comenta". · Paleta oficial: navy #08142E, amarillo #F7C531, cream #F5F0E8. Empezamos.

Prompts cortos para iterar después.

Cuando ya tienes la v1 y quieres ajustar, estos prompts cortos funcionan. La mayoría no requiere más de una línea.

Lo que quieres ajustar

Cómo pedirlo

Reducir tamaño de una palabra

"Bájale dos puntos a [palabra] en slide [N]"

Cambiar terminología en todo el carrusel

"Cambia [término] por [término] en todos los slides"

Separar conceptos en su propio slide

"Dale a [concepto] su propio slide"

Integrar un logo nuevo

"Integra el logo de [marca] en el slide [N]"

Cambiar foto del slide

"Reemplaza la foto del slide [N] por assets/[nombre]"

Ajustar el CTA

"Cambia el CTA por: [nuevo texto]"

Exportar las imágenes finales

"Genera los PNG con Chrome headless en /slides-png/"

Lo que NO funciona como prompt

"Hazme un carrusel sobre IA" sin tema específico, sin copy, sin referencias = genérico. "Mejóralo" sin decir qué está mal = Claude no adivina. "Hazlo más bonito" sin describir qué quieres = sin dirección. "Que tenga onda" sin referencias = palabras solas no transmiten estética. "Igual al de [marca]" = problema de copyright, mejor adjuntarlo como referencia inspiracional.

Casos · Marketing & comunicación

Lo que un marketer puede construir con Claude Code.

Emily Kramer, fundadora de MKT1, publicó en marzo de 2026 un caso documentando cómo marketers pueden construir 5 herramientas con Claude Code. La conclusión: la herramienta dejó de ser solo para devs.

"Marketers can build their own internal tools with Claude Code, no engineering team required. Five concrete examples that took hours, not weeks."

Emily Kramer · fundadora de MKT1 · 2 marzo 2026

Claude Code · Diseño

Caso 1 · Carruseles de Instagram en 25 minutos

Con los seis ingredientes preparados (copy raw, fotos, logos, iconos, referencias, brief), Claude Code genera el HTML maestro con todos los slides, permite iteración rápida con prompts cortos y exporta los PNG retina listos para subir.

Carga julio-talledo-copy y julio-talledo-design. Carrusel Instagram 4:5 · 7 slides · editorial photo-forward. Tema: [HOOK] Copy raw: [TRANSCRIPCIÓN] CTA: [UNA ACCIÓN] Fotos en /assets/. Logos: [LISTA]. Referencias adjuntas. QA riguroso antes de entregar. Genera HTML + 7 PNG.

Claude Code · Landing page

Caso 2 · Landing de campaña en una sesión

Diseñas la estructura con Claude, generas el HTML completo con tu sistema de marca aplicado, lo refinas con prompts cortos y lo deployás como página estática. Sin esperar al equipo de desarrollo, sin pasar por TI, sin agencia externa.

Diseña una landing page para campaña [NOMBRE]. Producto: [PRODUCTO] Audiencia: [PERFIL] Conversión: [REGISTRO / COMPRA] Estructura: - Hero con headline + CTA primario - 3 beneficios con icono - Prueba social con 2 testimoniales - FAQ de 4 preguntas - CTA secundario en footer Tipografía editorial. Paleta navy + amarillo + cream. Genera HTML standalone listo para deploy.

Claude Code · Agente

Caso 3 · Agente de monitoreo de LinkedIn

Un agente que cada lunes a las 6am visita los perfiles de tres competidores en LinkedIn, lee sus posts de la semana, identifica patrones y genera un brief con oportunidades de diferenciación. Notifica al equipo cuando esté listo.

Aplica el flujo Explore → Plan → Implement → Entregar. Plan mode activado. Construye un script en Python que: 1. Cada lunes a las 6am visite LinkedIn de [3 competidores] 2. Extraiga sus posts de la última semana 3. Analice: temas, formatos, frecuencia, engagement 4. Compare con la actividad propia 5. Identifique 3 oportunidades de diferenciación 6. Genere brief en Google Docs 7. Notifique en Slack canal #marketing Skills: julio-talledo-copy para el tono del brief.

El cambio de stack para marketers

El stack del marketer 2026 ya no es "Canva + Hootsuite + un Excel". Es "Claude Code + Cowork + tu CRM conectado vía MCP". La diferencia no es estética. Es operativa: pasas de coordinar piezas a diseñar sistemas. Y a medida que crece el equipo, la inversión escala mejor: el sistema lo armas una vez, lo usan todos.

"El stack del marketer 2026 ya no es solo herramientas. Es agentes que ejecutan lo que antes coordinabas a mano." Julio Talledo