Guía · Producción de contenido
Carruseles de Instagram con Claude
entrenado en tu estilo.
Un proceso para que Claude aprenda las vibes de tu marca a partir de tus propios diseños (o de referencias que admiras) y genere carruseles consistentes cada vez que lo necesites. Sin skills complicadas, sin terminal, sin pelearte con Canva. Cuarenta y cinco minutos de configuración que te ahorran horas cada semana después.
- 12-15 min lectura · 45 min configuración
- Intermedio
- Claude · HTML · PNG
La situación
Probablemente estás
en uno de estos dos casos.
Estás haciendo carruseles a mano en Canva. Funciona, pero cada uno te lleva una hora y media. Has visto que mucha gente está usando Claude para esto y has probado: le has pedido un carrusel, te ha devuelto un texto plano que no sabes cómo convertir en imagen.
O has probado a usar plantillas de Canva con IA. El problema: tus carruseles acaban viéndose iguales a los de otros 500 creadores que usan las mismas plantillas. Estética intercambiable, marca invisible.
Lo que vas a aprender aquí es distinto a las dos cosas. Le vas a enseñar a Claude las vibes específicas de tu marca subiendo tus diseños actuales (o referencias de creadores cuyo estilo te encaja), Claude las extrae como sistema de diseño, y a partir de ahí genera carruseles enteros como código HTML que descargas como PNG listos para publicar.
Lo curioso del flujo: Claude no genera imágenes. Genera código que renderiza los carruseles usando fuentes y elementos reales. El resultado es más limpio que cualquier imagen generada por IA, porque las tipografías son las que tú eliges, no aproximaciones imitadas.
Lo que vas a tener al final
Cuatro entregables
listos para producir.
- 01
Un proyecto en Claude entrenado con tu estilo
Configurado con tu sistema visual y tu tono. Listo para reutilizar todas las veces que quieras.
- 02
Capacidad de generar un carrusel en menos de 15 minutos
A partir de cualquier contenido (un email, un artículo, unas notas), Claude monta el carrusel entero.
- 03
Slides descargables como PNG directamente desde Claude
Sin pasar por otra herramienta. En muchos casos Claude te da los archivos directamente.
- 04
Consistencia visual entre carruseles sin esfuerzo extra
Una vez configurado el proyecto, no tienes que decidir colores, fuentes o composición cada vez.
La inversión: 45 minutos de configuración la primera vez. A partir de ahí, cada carrusel te lleva 10-15 minutos.
Antes de empezar
Lo que necesitas tener
antes de configurar nada.
Para que este flujo funcione bien, necesitas 5-10 imágenes de referencia que reflejen el estilo visual que quieres para tus carruseles. Hay tres situaciones posibles.
Situación A
Ya tienes carruseles propios que te gustan
Recopila 5-10 capturas de los que mejor representan tu marca. Si tienes carruseles antiguos que ya no te encajan, no los uses. Solo los que te siguen pareciendo "tú".
Situación B
Tienes publicaciones (posts, reels, banners) pero pocos carruseles
Vale igual. Sube cualquier diseño tuyo donde la identidad visual de tu marca esté clara: la estética de tu web, banners, infografías, capturas de Instagram con tu paleta y tipografías.
Situación C
Aún no tienes una identidad visual propia
Busca 5-10 carruseles de creadores cuyo estilo te encaje y que sean coherentes entre sí. No copies a un solo creador (eso sería plagiar identidad). Mezcla referencias de 3-4 creadores cuyas vibes te resuenan. Claude extraerá un sistema híbrido a partir de esa mezcla.
⚠ Si estás en la situación C
El sistema que extraigas será derivativo al principio. Después de hacer 10-15 carruseles con él, deberías ir ajustándolo manualmente para que evolucione hacia algo más propio. La IA te da el punto de partida, no el destino.
Otros requisitos
- Cuenta de Claude (plan gratuito sirve, plan Pro recomendado para volumen)
- Contenido sobre el que quieras hacer el primer carrusel: un email, un artículo, unas notas tuyas, una transcripción de algo que has dicho
- 45 minutos de tiempo enfocado para la configuración inicial
El proceso paso a paso
Seis pasos en orden,
de las referencias a publicar.
Paso 1
Extraer las vibes de tus diseños
Abre Claude, una conversación nueva (todavía no en proyecto). Sube tus 5-10 imágenes de referencia (las puedes arrastrar al chat). Y lánzale este prompt.
Prompt 1 · Extracción del sistema visual
Aquí tienes 8 imágenes de referencia que representan el estilo visual que quiero para mis carruseles de Instagram. Tu trabajo es extraer las características visuales que tienen en común. Ignora completamente el contenido escrito de cada imagen. Solo me importa el sistema visual. Devuélveme la descripción en formato JSON con los siguientes campos: - paleta_colores: hex codes de los colores dominantes (máximo 5) - tipografias: tipo de fuente para titulares y para cuerpo (estilo: serif/sans-serif/display, peso, características) - composicion: cómo se distribuye el espacio (alineación de texto, márgenes, jerarquía) - elementos_recurrentes: cualquier elemento gráfico que aparezca en varias imágenes (líneas, formas, iconos, números de slide, handle visible, etc.) - estilo_general: 3-5 adjetivos que describan la estética (ej: minimalista, sobrio, editorial, cálido, profesional, etc.) - lo_que_NO_aparece: qué decisiones de diseño se evitan deliberadamente (ej: no usa gradientes, no usa stock photos, no usa colores neón, etc.) Solo el JSON, sin explicación adicional.
Claude te devolverá algo como esto (el formato exacto cambia según tus referencias).
JSON ejemplo (output de Claude)
{
"paleta_colores": {
"fondo_principal": "#F5F1E8",
"fondo_alternativo": "#1A1A1A",
"texto_principal": "#1A1A1A",
"acento": "#C73E1D",
"secundario": "#8B7355"
},
"tipografias": {
"titulares": "serif elegante, peso medio-alto, estilo editorial tipo Playfair Display o EB Garamond",
"cuerpo": "sans-serif neutro de alta legibilidad tipo Inter o Söhne, peso regular"
},
"composicion": {
"alineacion_texto": "izquierda predominantemente",
"margenes": "amplios, espacio en blanco generoso",
"jerarquia": "titular grande domina, cuerpo de texto en tamaño mucho menor",
"uso_columnas": "una sola columna en la mayoría de slides"
},
"elementos_recurrentes": [
"handle de Instagram en pequeño en esquina inferior",
"número de slide en formato 1/8",
"línea fina horizontal separando titular del cuerpo en algunas slides"
],
"estilo_general": ["sobrio", "editorial", "cálido", "minimalista", "profesional"],
"lo_que_NO_aparece": [
"no usa gradientes",
"no usa stock photos",
"no usa colores neón ni saturados",
"no usa más de 2 tipografías por slide",
"no usa emojis decorativos"
]
}Cópialo entero. Vas a pegarlo en el siguiente paso.
Paso 2
Crea el proyecto y pega el sistema
En Claude, ve al menú lateral izquierdo y crea un proyecto nuevo. Llámalo algo claro: “Carruseles Instagram”, “Sistema de carruseles”, lo que prefieras.
En la descripción del proyecto puedes poner algo como: “Genero carruseles de Instagram para [tu marca/cuenta]. Avatar: [una línea sobre tu audiencia]. Tono: [una línea sobre cómo escribes].”
Después abre las instrucciones del proyecto (botón “Set project instructions” o equivalente). Ahí pegas las instrucciones completas que te paso a continuación. Sustituye los corchetes por tus datos reales y reemplaza el bloque JSON por el que extrajo Claude en el paso 1.
Instrucciones del proyecto · Pegar en Claude
Eres un sistema de diseño de carruseles para Instagram. Cuando reciba contenido (texto, transcripción, idea o artículo), generas un carrusel completo de Instagram en HTML, donde cada slide está diseñada para exportarse como una imagen individual lista para publicar. Mi marca: - Nombre/cuenta: [@tu_handle] - Avatar al que hablo: [descripción breve, ej: profesionales sénior 40-55 que están en transición profesional] - Tono: [cómo escribes, ej: directo y honesto, sin jerga, con muletillas como "mira" y "la cosa es"] Mi sistema visual (extraído de mis referencias): [Pega aquí el JSON completo del paso 1] Reglas duras de generación: Dimensiones: - Cada slide es exactamente 1080 × 1350 px (formato 4:5 vertical) - Margen seguro: 80 px arriba, 80 px laterales, 250 px abajo - Nada importante fuera del margen seguro Estructura por defecto (8 slides): - Slide 1 (hook): titular grande, máximo 8 palabras, sin pregunta retórica. Handle visible abajo. - Slides 2-3: planteamiento del problema o contexto que aterriza el dolor del avatar - Slides 4-7: contenido principal, una idea concreta por slide, con titular corto + cuerpo de 2-3 líneas - Slide 8: síntesis + CTA (guardar el carrusel, comentar X, reservar Y) Si el contenido no encaja en 8 slides, ajusta entre 7 y 10. Por debajo de 7 parece incompleto, por encima de 10 pierde retención. Lo que NO debes hacer: - No usar palabras gastadas: transformar, alinear, alcanzar, tu mejor versión, desbloquear, secreto, esto va a cambiarlo todo - No empezar con preguntas retóricas tipo "¿Alguna vez te has preguntado...?" - No cerrar con "¿A qué esperas?", "Da el paso", "Esto es solo el principio" - No usar mayúsculas para todo el texto - No mezclar más de 2 tipografías - No añadir gradientes, sombras o efectos visuales no especificados en mi sistema - No usar emojis decorativos en titulares Formato de salida: Devuelve siempre un único archivo HTML completo y autocontenido (CSS embebido en <style>). Cada slide es un <div class="slide"> con dimensiones fijas 1080×1350. El HTML debe ser navegable y cada slide debe poder capturarse o descargarse individualmente. Después del HTML, devuelve siempre: - Caption sugerido para Instagram (máximo 600 caracteres, primeros 125 caracteres deben enganchar antes del "ver más") - 5 hashtags relevantes - 1 sugerencia de tipo de música si lo publico también como reel Cómo proceder cuando reciba contenido: 1. Identifica el ángulo más fuerte para el hook 2. Distribuye las ideas en la estructura 3. Genera el HTML completo aplicando estrictamente mi sistema visual 4. Devuelve también caption + hashtags + música 5. Si el contenido no encaja en 7-10 slides, dime qué se puede recortar antes de generar
Guarda las instrucciones. El proyecto está listo.
Paso 3
Genera tu primer carrusel
Dentro del proyecto, abre una conversación nueva. Le pasas el contenido directamente.
Prompt de generación
Convierte este contenido en un carrusel de Instagram aplicando mi sistema: [Pega aquí: tu newsletter, tu artículo, tus notas, una transcripción, lo que sea]
Claude te devuelve el HTML completo del carrusel + caption + hashtags + música.
Paso 4
Revisa el HTML antes de descargar
Antes de descargar las imágenes, copia el HTML que generó Claude, pégalo en un archivo carrusel.html en tu ordenador y ábrelo en el navegador. Verás los 8 slides apilados verticalmente.
Comprueba visualmente:
- ¿Las tipografías se cargan correctamente? Si ves fuentes del sistema horribles, las custom no han cargado bien (problema de carga de Google Fonts).
- ¿El texto cabe en cada slide sin desbordarse?
- ¿Los colores son los de tu sistema?
- ¿El handle y los elementos recurrentes están donde deben?
Si algo falla, vuelve a Claude y pídele cambios concretos:
- “El titular de la slide 3 es demasiado largo, recórtalo a 6 palabras.”
- “Cambia el orden de las slides 4 y 5.”
- “El hook no engancha lo suficiente, dame 3 alternativas.”
- “El cuerpo de la slide 6 se sale del margen, redúcelo a 2 líneas.”
Iteras hasta que las 8 slides se ven bien.
Paso 5
Descarga las slides como PNG
Aquí hay dos caminos según cómo te haya respondido Claude.
Opción A · Descarga directa desde Claude
Pídele a Claude que te dé cada slide como archivo PNG descargable: “Convierte cada slide en un archivo PNG individual descargable, numerados del 1 al 8”. En muchos casos lo hará directamente y verás botones de descarga para cada slide.
Opción B · Captura desde el HTML local
Si la opción A no funciona, abre tu archivo carrusel.html en el navegador y captura cada slide manualmente. Mac: Shift + Cmd + 4. Windows: Recortes. Universal y más limpia:extensión “GoFullPage” que captura cada div separado en su tamaño exacto.
Si haces volumen, puedes montar un script en Node.js con Puppeteer que automatice las capturas (lo cubro brevemente en la sección de optimizaciones más abajo).
Paso 6
Caption y publicación
Tu proyecto ya generó caption sugerido. Revísalo en voz alta. Si suena a ti, úsalo. Si suena a marketing, vuelve a Claude.
“El caption suena demasiado pulido. Reescríbelo más natural, sin palabras como [X], sin frases hechas. Mantén el hook en los primeros 125 caracteres.”
Recordatorios técnicos:
- Caption: hasta 2.200 caracteres totales
- Visibles antes del “ver más” en feed: ~125 caracteres
- Visibles antes del “ver más” en reels: ~55 caracteres
- Hashtags: máximo 5 desde diciembre 2025
Sube los PNGs a Instagram en orden, pega el caption, añade los hashtags, publica.
Si quieres maximizar alcance: añade música antes de publicar. Instagram lo empuja también al feed de reels.
Mientras tanto
Cada semana comparto carruseles reales hechos con este flujo: los sistemas visuales que han extraído otros creadores, las iteraciones que hicieron y las métricas que obtuvieron. Aprender de carruseles concretos suele ayudar más que cualquier teoría.
Errores comunes
Seis trampas que vas
a esquivar leyendo esto.
- 01
Las tipografías que no cargan
Cuando capturas desde el navegador, a veces ves la tipografía correcta. Pero al exportar puede caer a una fuente del sistema que rompe todo el diseño en silencio.
Cómo evitarlo
Asegúrate de que Claude embebe las fuentes en el HTML con @import de Google Fonts al principio del CSS. Si las fuentes que extrajo de tus referencias son de pago o muy específicas, dile que use alternativas equivalentes de Google Fonts (que son gratis y accesibles). El control que ganas en consistencia compensa el ajuste.
- 02
El sistema extraído no captura del todo tu identidad
A veces Claude extrae las vibes pero falla en algún detalle: pone el handle en un sitio que no usas, da más peso a un color que no es realmente protagonista en tu marca, o describe tipografías que no son las tuyas.
Cómo evitarlo
Después de extraer el JSON, edítalo a mano antes de pegarlo en las instrucciones del proyecto. Cambia los hex codes por los exactos que usas, especifica las tipografías por nombre concreto, ajusta los elementos recurrentes a lo que realmente haces. El JSON es un punto de partida, no un veredicto.
- 03
Carruseles que se parecen demasiado entre sí
Después de hacer 5-6 carruseles con el mismo proyecto, todos empiezan a tener la misma estructura: hook + problema + 4 ideas + CTA. Coherencia visual, bien. Monotonía narrativa, mal.
Cómo evitarlo
Rota la estructura entre carruseles. En el prompt de generación, pídele estructuras alternativas: "para este, usa formato lista numerada", "para este, formato storytelling personal", "para este, formato comparación A vs B". La consistencia debe estar en el sistema visual, no en cómo cuentas las cosas.
- 04
Texto demasiado largo en cada slide
Le pides un titular de 6 palabras y te devuelve uno de 12. La slide queda apretada o el texto se sale del margen seguro.
Cómo evitarlo
Mete restricciones de longitud explícitas en las instrucciones del proyecto: "titulares máximo 8 palabras", "cuerpo máximo 2 líneas a 32px". Si Claude se pasa, le dices "rehaz cumpliendo el límite". Lee cada slide en móvil al tamaño real: si tardas más de 4 segundos en leerla, sobra texto.
- 05
Slides que se ven bien en HTML pero mal en Instagram
Tu HTML se ve perfecto en el navegador. Subes a Instagram y descubres que la última línea queda tapada por la barra de "ver más" o por los elementos UI de la app.
Cómo evitarlo
Respeta los márgenes seguros: 80 px arriba y 250 px abajo sin contenido importante. En la slide 1, el handle de Instagram cubre la zona inferior de la propia imagen. Si pones algo crítico ahí, no se ve en feed.
- 06
Aceptar el primer output sin iterar
Claude te da un primer borrador decente, pero rara vez es el mejor. La diferencia entre un carrusel que se guarda y uno que pasa desapercibido suele estar en 2-3 iteraciones del hook y de la slide final.
Cómo evitarlo
Pídele al menos 3 alternativas para la slide 1 antes de quedarte con una. Y otras 3 para la slide 8. Esas dos son las que más impacto tienen.
Cómo evitar que tus carruseles se vean a IA
Aunque el sistema visual sea tuyo,
el copy puede traicionar todo.
Hay tres niveles donde un carrusel puede sonar a IA.
Las palabras gastadas
Si en tus slides aparecen “transformar”, “potenciar”, “alcanzar”, “tu mejor versión”, “desbloquear”, “secreto”, “esto va a cambiarlo todo”, el lector lo detecta. Las instrucciones del proyecto ya las prohíben, pero a veces se cuelan. Cuando las veas, dile a Claude “reescribe sin esa palabra”.
Las estructuras delatoras
“No se trata de X, se trata de Y”, tricolons forzados (“rápido, fácil y efectivo”), aperturas con “¿Alguna vez te has preguntado…?”, cierres con “¿A qué esperas?”. Después de generar, lee cada slide en voz alta. Si tropiezas o suena a anuncio, vuelve a Claude.
La voz que no es la tuya
Aunque cada frase sea correcta, el conjunto puede no sonar a ti. Solución: en las instrucciones del proyecto, añade 3-5 frases reales tuyas como referencia de tono.
Bloque de tono · pegar al final de las instrucciones
Mi tono se reconoce en frases como estas: [Pega 3-5 frases tuyas reales de posts que han funcionado] Adapta todo el copy a este tono. Usa muletillas y giros parecidos. Evita lenguaje genérico de marketing.
Cuanto más material real tuyo le des, mejor te imita.
El test definitivo antes de publicar
Lee los 8 titulares de tu carrusel en orden, sin nada más. Pregúntate: ¿una persona específica con tu personalidad y forma de hablar habría escrito esto así, o podría haberlo escrito cualquiera? Si es lo segundo, reescribe. Si es lo primero, publica.
La alternativa honesta
Si ya tienes plantilla en Canva,
este flujo no es para ti.
Para cerrar honestamente: este flujo no siempre es la mejor opción.
Si ya tienes una plantilla de carrusel en Canva con la que estás contento y que refleja tu marca, lo más eficiente no es montar el sistema en Claude. Lo más eficiente es conectar el conector de Canva en Claude. Le pasas el contenido a Claude, Claude rellena tu plantilla en Canva directamente, tú haces los ajustes finales en Canva y publicas.
¿Por qué? Porque cuando ya tienes una plantilla establecida, replicarla desde cero en HTML es un trabajo extra que no aporta. La plantilla en Canva es tu sistema. Solo necesitas que Claude meta el copy correcto en los sitios correctos.
Cuándo usar el flujo HTML de esta guía
- Aún no tienes plantilla de carrusel en Canva
- Tu plantilla actual no te termina de gustar y quieres rehacer el sistema
- Quieres independencia total de Canva
- Te interesa entender cómo funciona el sistema bajo el capó
Cuándo usar Canva conectado a Claude
- Ya tienes plantilla que funciona
- Tu equipo o tú trabajáis en Canva habitualmente
- Necesitas que otras personas (un editor, un community manager) puedan ajustar las slides después
Las dos opciones son válidas. Lo importante es no construir desde cero algo que ya tienes resuelto.
Optimización para volumen
Automatizar las capturas
si haces más de 4 a la semana.
Si después de unas semanas notas que descargar las slides una a una te lleva más tiempo del que querrías, hay forma de automatizar.
Necesitas Node.js instalado en tu ordenador y la librería Puppeteer. Con un script básico, abres el HTML que generó Claude, esperas a que cargue todo, y capturas cada slide como PNG a las dimensiones exactas.
Script · export.js (Puppeteer)
const puppeteer = require('puppeteer');
(async () => {
const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.setViewport({
width: 1080,
height: 1350,
deviceScaleFactor: 2,
});
const htmlPath = 'file://' + __dirname + '/carrusel.html';
await page.goto(htmlPath, { waitUntil: 'networkidle0' });
const slides = await page.$$('.slide');
for (let i = 0; i < slides.length; i++) {
await slides[i].screenshot({
path: `slide-${i + 1}.png`,
omitBackground: false,
});
}
await browser.close();
console.log(`Exportados ${slides.length} slides`);
})();Lo guardas como export.js, lo ejecutas con node export.js, y te genera 8 PNGs numerados.
Esto solo merece la pena si haces más de 4 carruseles a la semana. Por debajo de eso, capturar a mano es más rápido que mantener el script.
Recomendaciones finales
Siete cosas para mantener
el sistema vivo y útil.
- 01
No te enamores del sistema antes de probarlo en publicación real
Genera 2-3 carruseles, publícalos, mide guardados y comentarios. Si funcionan, sigue. Si no, ajusta el sistema visual antes de hacer 20 carruseles iguales con un sistema que no resuena con tu audiencia.
- 02
Edita el JSON del sistema visual cada 1-2 meses
Lo que funcionaba hace 6 meses puede no funcionar ahora. Cuando descubres un detalle nuevo (un layout que rinde mejor, un elemento gráfico que te gusta), edita las instrucciones del proyecto. El sistema mejora con el tiempo si lo cuidas.
- 03
No copies la identidad de un solo creador
Si en la situación C usaste solo referencias de un creador concreto, el resultado va a ser un clon visible. Mezcla mínimo 3-4 referencias de creadores distintos cuyas vibes te encajen, y deja que Claude extraiga el sistema híbrido.
- 04
Mide guardados, no likes
En carruseles, el guardado predice alcance futuro. Un carrusel con 50 likes y 200 guardados rinde mucho mejor a medio plazo que uno con 500 likes y 30 guardados.
- 05
Reutiliza contenido entre formatos
Un carrusel bueno puede ser después la base de un reel hablado, de una newsletter, de un vídeo largo. No produzcas cada publicación desde cero. Usa el carrusel como esqueleto y adapta a otros formatos.
- 06
No publiques solo carruseles
Aunque te enamores del formato y del proceso, la diversidad de formatos sigue rindiendo mejor en marca personal. Reels para alcance, carruseles para autoridad y guardados, posts simples para humanidad.
- 07
El sistema gana al esfuerzo puntual
El primer carrusel con tu proyecto Claude te llevará 30-40 minutos (incluyendo aprender a iterar bien). El décimo te llevará 15. El número treinta, 10. Todo el ROI está en mantener el sistema durante meses, no en los primeros intentos.
Próximos pasos en Content Society
Carruseles reales
de otros creadores cada semana.
Si quieres ver carruseles reales hechos con este flujo, los sistemas visuales que han extraído otros creadores y las iteraciones que hicieron para que funcionasen, en Content Society compartimos cada semana ejemplos concretos con sus métricas.
Aprender de carruseles de creadores que están justo en tu nivel suele ayudar mucho más que cualquier teoría.
Lista de espera · Content Society
Te avisamos el 15 de julio,
cuando abramos plazas.
Las plazas son limitadas. Apúntate a la lista de espera y recibirás el aviso antes que nadie cuando abramos las primeras.
- Más de 50 lecciones grabadas para avanzar a tu ritmo
- Directos cada semana con estrategia, casos y Q&A
- Revisión de Reels de miembros en directo
- Auditorías de contenido de miembros, en grupo y en vivo
- Plantillas, calendarios editoriales y bancos de ideas
- Comunidad activa de profesionales y emprendedores