Todos los recursos
Guía / Proyecto con Claude Code Free

Crea tu propio
generador de carruseles

Con Claude Code puedes construir tu propia mini-herramienta para generar carruseles de Instagram — sin escribir una sola línea de código. Aquí tienes los prompts exactos, en orden, para que en un rato tengas tu propio generador funcionando con tu contenido, tus colores y tu tipografía.

Claude Code Node.js Playwright Instagram
~30 min
de setup real, siguiendo los prompts en orden
3 tipos
de diapositiva: portada, contenido y cierre
1080×1350
px por imagen — el tamaño exacto que pide Instagram
Qué vas a construir

Un pequeño proyecto que vive en tu computadora: escribes el contenido de tu carrusel en un archivo de texto simple, corres un solo comando, y obtienes un set de imágenes PNG —una por diapositiva— del tamaño exacto que pide Instagram, listas para subir. Tú no tocas código: se lo describes a Claude Code y él lo escribe, lo prueba y lo corrige por ti.

Este es un MVP a propósito: solo 3 tipos de diapositiva y un solo estilo visual —el tuyo, el que tú definas—. Es la base sobre la que después puedes seguir construyendo con Claude Code, agregando más tipos de slide, más estilos o una interfaz visual, a tu ritmo.

Requisitos antes de empezar: tener Claude Code instalado, y Node.js instalado en tu computadora (macOS o Windows). No necesitas saber programar ni usar la terminal — solo copiar, pegar y leer lo que Claude Code te va explicando.
Cómo se arma, paso a paso
Paso Qué haces Resultado
1 Abrir tu carpeta Creas el espacio de trabajo con "Open Folder", sin comandos
2 Prompt maestro Claude Code construye el motor que convierte texto en imágenes
3 Tu contenido Escribes (o le pides ayuda a Claude para escribir) el guion
4 Tu estilo visual Defines tus colores y tipografía — los tuyos, no los de nadie más
5 Generar Tus primeras imágenes PNG, listas para Instagram
1
Crea la carpeta de tu proyecto
Claude Code — un par de clics, sin comandos

No necesitas escribir ni un comando. Abre Claude Code y usa la opción de abrir carpeta para crear el espacio de trabajo donde va a vivir tu generador.

1
Abre Claude Code. Vas a ver la opción "Open Folder" (abrir carpeta).
2
Navega hasta donde quieras guardar tu proyecto — por ejemplo tu escritorio o tu carpeta de Documentos.
3
Desde ese mismo selector, crea una carpeta nueva y ponle un nombre — por ejemplo carruseles.
4
Dale Abrir. Listo: Claude Code queda abierto dentro de tu proyecto, y todo lo que construya en los siguientes pasos va a quedar guardado ahí.
Si nunca has usado Claude Code, al abrirlo por primera vez te va a pedir iniciar sesión con tu cuenta. Sigue las instrucciones en pantalla, es un solo paso.

2
El prompt maestro: construye el motor
Pégalo dentro de Claude Code y déjalo trabajar

Este es el prompt más importante de la guía. Le describe a Claude Code, con precisión técnica, exactamente qué tiene que construir: un motor que toma tu contenido y tu estilo, y los convierte en imágenes PNG del tamaño exacto que pide Instagram. Pégalo completo, tal cual.

Prompt maestro — pégalo en Claude Code
Quiero construir un generador de carruseles para Instagram. El resultado final que necesito: yo escribo el contenido de un carrusel en un archivo simple, corro un comando, y obtengo un set de imágenes PNG listas para subir a Instagram, una por diapositiva.

Especificaciones técnicas:

1. Stack: Node.js + Playwright (Chromium headless). Instala Playwright y descarga el navegador que necesite.

2. Estructura de archivos:
   - content.json → el contenido de MI carrusel (yo lo edito a mano)
   - style.json → mi paleta de colores y mi tipografía (yo lo edito, tú no decides los colores por mí)
   - build.js → arma un archivo HTML a partir de content.json + style.json
   - render.js → abre ese HTML con Playwright y toma una captura de cada diapositiva
   - out/ → aquí se guardan las imágenes finales (01.png, 02.png, etc.)

3. Cada imagen debe medir EXACTAMENTE 1080x1350 px (formato vertical 4:5 de Instagram). Usa un contenedor HTML de ese tamaño exacto y toma el screenshot de ese contenedor, no de la ventana completa del navegador.

4. content.json debe soportar 3 tipos de diapositiva:
   - "portada": título grande + subtítulo opcional
   - "contenido": título + una lista de bullets O un párrafo de texto (yo elijo cuál uso en cada slide)
   - "cierre": mensaje final + una llamada a la acción + mi usuario de Instagram

5. style.json debe controlar: color de fondo, color de texto, color de acento, y la tipografía (nombre de una fuente de Google Fonts). El HTML debe cargar ahí la fuente que yo elija, no una fija en el código.

6. El comando debe fallar con un mensaje claro (nunca entregar una imagen rota o a medias) si: el texto se desborda del marco de 1080x1350, si la fuente no cargó, o si alguna imagen sale con las dimensiones incorrectas.

7. Al final necesito un solo comando para generar todo (por ejemplo: node render.js) y un README.md corto explicando cómo usarlo, escrito para alguien sin experiencia técnica.

No uses ninguna paleta de colores ni tipografía específica todavía — eso lo vamos a definir juntos en el siguiente paso, con content.json y style.json de ejemplo pero vacíos/genéricos. Ve construyendo el proyecto y explícame en el camino, en lenguaje simple, qué hace cada archivo.
Claude Code va a instalar dependencias y puede tardar uno o dos minutos. Es normal ver mucho texto de terminal pasar — no necesitas entenderlo, solo espera a que termine y te confirme que quedó listo.

3
Escribe (o pide ayuda para escribir) tu contenido
Tu carrusel, tu tema, tus palabras

Ya tienes el motor. Ahora necesita contenido real. Puedes escribir tu content.json tú mismo siguiendo el formato que Claude Code te dejó de ejemplo, o pedirle directamente que te ayude a redactarlo sobre un tema que tú le des.

Prompt — pide ayuda para escribir el guion
Ayúdame a escribir el contenido de mi carrusel. Quiero entre 5 y 7 diapositivas: una portada con gancho, de 3 a 5 de contenido, y una de cierre con llamada a la acción.

Mi tema es: [escribe aquí tu tema]
Mi audiencia es: [a quién le hablas]
Mi tono es: [ej. cercano y directo / experto y formal / divertido]
Mi usuario de Instagram para la última diapositiva es: [@tu_usuario]

Escríbelo directo en el formato de content.json que ya construimos, respetando los 3 tipos de diapositiva.
Un carrusel que engancha necesita una portada con una promesa clara, contenido que la cumple, y un cierre con una sola llamada a la acción (seguir, comentar o guardar). No mezcles varias peticiones en la última diapositiva.
Hazlo una sola vez: después de darle tu audiencia, tono y usuario de Instagram, pégale este segundo prompt para que los guarde y no te los vuelva a preguntar en carruseles futuros.
Prompt — guarda tu perfil (solo la primera vez)
Guarda mi audiencia, mi tono de voz y mi usuario de Instagram en un archivo CLAUDE.md en la raíz de este proyecto, en una sección clara (ej. "## Mi perfil de carrusel"). De ahora en adelante, cada vez que te pida generar un carrusel nuevo, lee ese archivo primero y no me vuelvas a preguntar estos tres datos — solo pregúntame el tema del carrusel.
De aquí en adelante, para un carrusel nuevo solo necesitas darle el tema — Claude Code va a leer tu CLAUDE.md automáticamente y ya va a saber tu audiencia, tono y usuario.

4
Define tu estilo visual
Tus colores, tu tipografía — no los de nadie más

Este es el paso donde tu carrusel deja de verse genérico. No copies un estilo que ya conozcas de otra marca: pídele a Claude Code que te guíe con preguntas y te proponga opciones a partir de tus respuestas.

Prompt — define tu style.json
Ayúdame a definir el estilo visual de mis carruseles. No copies ningún estilo que ya conozcas — pregúntame primero, una cosa a la vez:

1. ¿Qué tono visual busco? (ej. minimalista, atrevido y colorido, corporativo/serio, editorial/elegante)
2. ¿Ya tengo colores de marca definidos? Si no los tengo, sugiéreme 3 paletas profesionales distintas para elegir, cada una con máximo 3 colores y su código hexadecimal.
3. ¿Prefiero alguna tipografía en particular? Si no sé, sugiéreme 2 combinaciones de fuentes de Google Fonts que se vean profesionales en redes sociales (una para títulos, otra para texto), y explícame en una línea la personalidad de cada combinación.

Con mis respuestas, escribe mi style.json y confirma que el motor lo esté leyendo correctamente.
Tip: si de plano no tienes idea de por dónde empezar, dile a Claude Code el nombre de tu marca o el tema de tu cuenta y pídele que te proponga paletas pensadas para ese contexto específico, no genéricas.
Tu estilo queda guardado automáticamente en style.json dentro de tu proyecto — no se pierde y no tienes que repetir este paso cada vez que generes un carrusel nuevo. Solo vuelves aquí si quieres cambiarlo.
¿Quieres cambiarlo más adelante?
"Cambia la tipografía de mis títulos a Poppins y déjame ver cómo se ve."
"Quiero probar una paleta más oscura, con acento en morado. Sugiéreme 2 opciones."
"El color de acento no contrasta bien con el fondo, ajústalo sin cambiar los demás colores."
"No me gustó este cambio, regresa mi estilo anterior."

5
Genera tus primeras imágenes
El momento de la verdad

Con contenido y estilo listos, pide la generación final. Si algo no se ve bien, Claude Code puede verlo y corregirlo directamente — no tienes que describirle el problema con precisión técnica.

Prompt — genera y revisa
Genera mis carruseles a partir de mi content.json y style.json actuales, y muéstrame las imágenes resultantes de la carpeta out/. Si algo se ve mal —texto cortado, colores que no contrastan bien, elementos desalineados o mal centrados— dime exactamente qué está pasando y corrígelo tú mismo, luego vuelve a generar.
Tus imágenes están en la carpeta out/ dentro de tu proyecto, numeradas en orden. Arrástralas directo al programador de contenido de Instagram como carrusel.
Bonus
Sigue construyendo sobre tu MVP
Una vez que funciona, pídele más a Claude Code

Este generador es intencionalmente simple. Una vez que lo tengas funcionando, puedes seguir construyendo encima sin volver a empezar de cero — solo describe lo que quieres agregar:

"Agrega un cuarto tipo de diapositiva llamada 'dato' que muestre una cifra grande y llamativa con una descripción corta debajo."
"Quiero exportar también en formato cuadrado 1080x1080, además del vertical 1080x1350, sin romper el que ya funciona."
"Agrega mi logo como marca de agua discreta en la esquina de cada diapositiva."
Cada vez que le pidas algo nuevo a Claude Code, dale contexto de lo que ya existe (por ejemplo "sin romper lo que ya funciona") para que extienda el proyecto en vez de reescribirlo desde cero.
¿Y si quieres ir más lejos?

Este MVP es el punto de partida. Nosotros usamos internamente una versión mucho más completa —con galería de estilos, clonado de estilos con IA, un traductor de guion a contenido y un editor visual completo— para producir contenido de forma constante. Si tu negocio necesita algo a esa escala, hablemos.

Diagnóstico gratis con FLUIA