Hago carruseles desde la terminal.
Cómo crear carruseles de Instagram con Claude Code sin saber diseñar — Tutorial por Richard Silvera Cichero
Sin Canva. Sin Figma. Sin saber diseñar. Con Claude Code y nada más. Este tutorial te lleva de cero a tener tu propio sistema de contenido visual.
Antes de empezar
Claude Code es la herramienta de Anthropic que te deja trabajar con Claude directamente desde la terminal. No es un chat. Es un agente que lee tu proyecto, edita archivos y ejecuta comandos.
Lo que necesitás
-
Una cuenta en Anthropic
Entrá a claude.ai y creá una cuenta si no tenés. Necesitás un plan Pro (USD $20/mes) o Max para acceder a Claude Code.
-
Una terminal
En Mac abrís Terminal (viene instalada). En Windows usás PowerShell o Windows Terminal. En Linux, cualquier terminal.
-
Claude Code instalado
En el paso siguiente te muestro cómo instalarlo. Es un solo comando que pegás en la terminal.
Instala Claude Code
La instalación es un solo comando. Abrí tu terminal y pegá esto:
curl -fsSL https://claude.ai/install.sh | bash
Eso instala Claude Code en tu máquina. Ahora creá una carpeta para tu proyecto, abrila en la terminal y escribí claude para arrancar:
claude
La primera vez te va a pedir que te autentiques con tu cuenta de Anthropic. Seguí las instrucciones en pantalla: te abre el navegador, hacés login, y listo.
Cuando veas el prompt de Claude esperando tu mensaje, ya estás adentro. Eso es todo. No hay configuración extra, no hay extensiones, no hay nada más que instalar.
Enseñale tu estilo
Este es el paso que separa un resultado genérico de algo que realmente parece tuyo. El archivo CLAUDE.md es como darle a Claude un brief de quién sos antes de empezar a trabajar.
Podés crearlo directamente hablándole a Claude:
> Creame un archivo CLAUDE.md con las instrucciones de cómo quiero que trabajes conmigo. Soy un creador de contenido, mi estilo visual es minimalista, uso fondo crema y tipografía serif. Mis carruseles son de 1080x1350 para Instagram.
Claude va a crear el archivo con tus preferencias. Pero eso es solo el comienzo. Acá es donde vos le das la identidad a tu sistema.
Qué poner en tu CLAUDE.md
-
Tu identidad visual
Colores, tipografías, tamaños. Si tenés un color de acento, una fuente que usás siempre, un estilo de bordes. Todo eso va acá.
-
Tu tono de voz
Directo y sin rodeos. Técnico pero accesible. Con humor seco. Lo que sea tu estilo de comunicar, escribilo. Claude lo va a respetar.
-
Reglas del proyecto
Formato de slides (1080x1350), idioma, estructura de carpetas, convenciones de nombres de archivos. Las reglas que no querés tener que repetir cada vez.
-
Ejemplos de lo que funciona
Si tenés carruseles anteriores que te gustaron, describí qué los hace buenos. "El slide 3 del carrusel de productividad tiene el tono perfecto." Claude aprende de eso.
Ejemplo de estructura:
# Mi Sistema de Carruseles ## Identidad Visual - Fondo: #EAE7DF (crema cálido) - Texto principal: #0d0d0c - Acento: #d4836b (terracota) - Tipografías: Playfair Display (títulos), Lora (cuerpo), DM Mono (código) - Formato: 1080x1350px (Instagram carousel) ## Tono - Directo, sin relleno - Hablo en segunda persona ("vos") - Técnico pero que se entienda sin ser developer ## Estructura de slides - Slide 1: Hook (atrapar atención) - Slides 2-7: Contenido (un concepto por slide) - Slide 8: CTA (llamada a la acción) ## Reglas - Cada slide es un archivo HTML independiente - Nombrar: slide_01_hook.html, slide_02_concepto.html, etc. - Siempre incluir modo claro y oscuro
Pedile el template
Acá es donde pasa todo. Le pedís a Claude que te arme un template base para tus slides y, como ya leyó tu CLAUDE.md, va a generar algo que ya tiene tu estilo, tus colores, tus tipografías.
> Armame un template HTML con mi estilo para las slides del carrusel. Que soporte modo claro y oscuro, y que sea fácil de modificar para cada slide.
Claude va a generar un archivo HTML completo. No es un wireframe ni un boceto. Es un archivo que abrís en el navegador y ya ves tu slide terminada.
Qué incluye el template
-
Tus colores y estilos
Todos tus colores y estilos definidos en un solo lugar. Cambiar el color de acento es cambiar una línea.
-
Modo claro y oscuro
Dos sets de colores que se activan automáticamente. Tus slides funcionan en los dos modos.
-
Tamaño fijo para Instagram
El template sale a 1080x1350, el formato exacto para carruseles de Instagram.
-
Partes que podés usar en cada slide
Estilos para títulos, subtítulos, cuerpo de texto, numeración de pasos, elementos decorativos. Todo listo para reusar.
La estructura de tu proyecto en este punto se ve así:
CLAUDE.md
template.html
Dos archivos. Eso es todo lo que necesitás para arrancar a producir contenido.
Arma tu contenido
Ahora viene la parte creativa. Le decís a Claude de qué va tu carrusel y él genera cada slide como un archivo HTML individual basado en tu template.
> Quiero hacer un carrusel sobre cómo uso Claude Code para crear carruseles. La idea es:
Slide 1 (hook): "Hago carruseles desde la terminal"
Slide 2: Entra a la página
Slide 3: Instalá Claude Code
Slide 4: Creá tu CLAUDE.md
Slide 5: Pedile el template
Slide 6: Armá tu contenido
Slide 7: Exportá las imágenes
Slide 8: CTA
Generame cada slide como un archivo HTML separado usando mi template como base.
Claude genera los 8 archivos de una. Cada uno con el contenido adaptado, respetando tu estilo, tus colores, tu tono de voz.
Cómo darle mejor contexto
Cuanto más específico seas, mejor resultado. No es lo mismo decir "haceme un slide sobre productividad" que decir:
> El slide 3 tiene que ser impactante. Número grande arriba a la izquierda, título "INSTALA CLAUDE CODE" bien grande, y abajo el subtítulo "Abrí tu terminal. Un comando y ya estás adentro." El tono tiene que ser directo, que se sienta fácil.
Tu proyecto ahora:
CLAUDE.md
template.html
slide_01_hook.html
slide_02_pagina.html
slide_03_instala.html
slide_04_claudemd.html
slide_05_template.html
slide_06_json.html
slide_07_exporta.html
slide_08_cta.html
Exporta las imágenes
Tenés los HTML. Ahora necesitás las imágenes PNG para subir a Instagram. Pedile a Claude que las genere por vos:
> Exportame cada slide HTML como imagen PNG a 1080x1350 y guardalas en el escritorio.
Claude se encarga de todo. Instala lo que haga falta, abre un navegador invisible, captura cada slide y te deja los PNG listos. Esto es lo que pasa detrás:
-
Detecta todos los slides
Busca los archivos HTML de slides en tu carpeta y los ordena.
-
Abre un navegador invisible
Abre un navegador que no ves en pantalla, pero que está generando tus slides como si los vieras en Chrome.
-
Captura cada slide
Para cada HTML, lo abre a 1080x1350, espera a que cargue bien, y toma una captura.
-
Guarda los PNG
Los exporta con nombres limpios:
slide_01.png,slide_02.png, etc. Directo al escritorio o a la carpeta que le digas.
En segundos tenés todas tus imágenes listas. Sin abrir Photoshop, sin exportar uno por uno, sin ajustar resolución manualmente.
Armate tu app
Este es el paso que te vuela la cabeza. Le pedís a Claude que te arme una web app y te la arma. No un mockup. Una app funcional.
> Armame una web app local donde pueda:
- Ver todos mis slides en un panel lateral
- Editar el texto de cada slide en vivo
- Cambiar entre modo claro y oscuro
- Exportar todo como PNG con un botón
Claude genera una aplicación web completa que corre en tu navegador. Con interfaz visual, preview en tiempo real, y funcionalidad de exportación.
Lo que podés pedirle que incluya
-
Editor visual drag & drop
Mover elementos, cambiar tamaños, reposicionar texto. Todo visual, sin tocar código.
-
Biblioteca de templates
Que la app tenga tus templates guardados y puedas elegir cuál usar para cada nuevo carrusel.
-
Exportar todo de una
Un botón que exporta todas las slides de una vez como PNG, listas para subir a Instagram.
-
Preview del carrusel completo
Ver cómo se va a ver el carrusel completo en un mockup de celular, antes de exportar.
Ahora te toca a vos.
Si querés que te enseñe paso a paso cómo armar tu propio sistema de contenido con Claude Code, tengo un programa de mentorías preparado para ti.