Tutorial paso a paso

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.

25 min 6 pasos Nivel: desde cero
00

Antes de empezar

2 min de setup
Slide del carrusel

Entra a claude.ai/code

Necesitas un plan Pro o Max para usar Claude Code.

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.

Tip No necesitás saber programar ni tener nada más instalado. Claude Code se encarga de todo lo técnico por vos.
01

Instala Claude Code

2 min
Slide del carrusel

Abrí tu terminal.

Un comando y ya estás adentro de Claude Code.

La instalación es un solo comando. Abrí tu terminal y pegá esto:

Terminal
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:

Terminal
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.

Tip Si no sabés cómo crear la carpeta o navegar hasta ella, no te preocupes. Creala desde el Finder (o Explorador en Windows), después abrí la terminal y arrastrá la carpeta adentro. Eso te posiciona ahí.

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.

02

Enseñale tu estilo

5 min
Slide del carrusel

Creá un CLAUDE.md

Un archivo donde Claude aprende quién sos y cómo trabajás.

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:

Prompt para Claude Code
> 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.

Pro tip El CLAUDE.md se lee automáticamente cada vez que arrancás Claude Code en esa carpeta. Cuanto más detallado sea, menos tenés que explicar en cada conversación. Es como entrenar a un asistente que no se olvida.

Ejemplo de estructura:

CLAUDE.md
# 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
03

Pedile el template

5 min
Slide del carrusel

"Creame un template HTML."

Claude lee tu CLAUDE.md, entiende tu estilo y genera 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.

Prompt para Claude Code
> 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.

Tip No te conformes con el primer resultado. Decile a Claude "el título es muy chico" o "necesito más espacio entre el texto y el borde". Claude modifica el archivo directo, no te da instrucciones para que lo hagas vos.

La estructura de tu proyecto en este punto se ve así:

mis-carruseles/
  CLAUDE.md
  template.html

Dos archivos. Eso es todo lo que necesitás para arrancar a producir contenido.

04

Arma tu contenido

5 min
Slide del carrusel

Definí tus slides.

Le decís de qué querés hablar y Claude arma cada slide.

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.

Prompt para Claude Code
> 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:

Prompt para Claude Code
> 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.
Pro tip Si un slide no te convence, no arranques de cero. Decile a Claude exactamente qué cambiar: "el texto del slide 5 es muy largo, condensalo a una oración" o "cambiá el color de fondo del slide 1 a negro". Claude edita el archivo directamente.

Tu proyecto ahora:

mis-carruseles/
  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
05

Exporta las imágenes

3 min
Slide del carrusel

Exportá a PNG.

Un prompt y tenés los 8 PNG listos en tu escritorio.

Tenés los HTML. Ahora necesitás las imágenes PNG para subir a Instagram. Pedile a Claude que las genere por vos:

Prompt para Claude Code
> 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.

Tip Si querés exportar en modo oscuro también, pedile a Claude que genere dos versiones de cada slide: una clara y una oscura. Así tenés las dos opciones para elegir.
06

Armate tu app

5 min
Slide del carrusel

Tu propia herramienta.

"Armame una web app para editar mis carruseles de forma visual."

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.

Prompt para Claude Code
> 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.

Pro tip Esta app es tuya. Corre en tu máquina, no necesita internet, no tiene suscripción. Y cada vez que necesités algo nuevo, le pedís a Claude que lo agregue. Es tu herramienta personalizada que crece con vos.

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.

Quiero mi mentoría