Regalo a la comunidad · 14 abril 2026
Open Carrusel — Claude acaba de matar a Canva
Le construí un agente propio a la comunidad que te hace los carruseles de Instagram solos. Gratis, open source, corre en tu compu, sin suscripciones, sin marcas de agua, sin subir nada a la nube.
Hainrixz/open-carrusel
Gratis · open source · regalo a la comunidad
Explicado como si tuvieras 5 años
Imagínate un amigo robot que hace los dibujitos de Instagram por ti. Le enseñas tu estilo una sola vez — colores, letras, tu logo — y ya se lo aprende.
Después le dices “quiero un post sobre gatitos” y él te hace todos los cuadritos del carrusel, uno tras otro. Tú los ves en vivo y le dices “este va primero, este va después, cámbiame este de color”.
Cuando ya te gusta, aprietas un botón y pum — te los guarda en tu compu listitos para subirlos a Instagram. No tienes que arrastrar cajitas, no tienes que pagar, no tienes que registrarte en nada.
01 para principiantes
¿Qué es esto y por qué te conviene?
Un carrusel es un post de varias imágenes
En Instagram puedes subir hasta 10 fotos que la gente va pasando con el dedo. Son los posts que más guardan, más comparten y más enseñan.
Esto reemplaza a Canva
En vez de arrastrar cajitas una por una, le hablas a un agente, le dices de qué va tu post, y él te arma todas las imágenes en segundos.
Solo necesitas dos cosas
Una computadora y Claude Code instalado (gratis). Nada más. Todo corre localito en tu máquina — nada se sube a la nube.
Literalmente me tomó más construirlo que lo que tarda en sacarte un carrusel. Tú solo cópialo y úsalo.
02 para nivel intermedio
Cómo es el flujo, paso por paso
Esto es lo que vas a hacer una vez que lo tengas corriendo. Cinco beats y ya estás publicando.
Le avientas las referencias
Subes capturas de los carruseles que te gustan y el agente los estudia. O le dices "búscame inspiración de tal cosa" y él solito se va a internet y te las trae.
Configuras tu marca una sola vez
Colores, fuentes (Google Fonts), logo y palabras clave de estilo. Se guarda en /data/brand.json y Claude lo usa siempre, sin que tengas que repetírselo.
Le describes el carrusel y pum
"Haz un carrusel de 6 slides sobre cómo ahorrar en impuestos, tono cercano". Él genera el HTML y el CSS de cada slide y los ves en vivo ahí mismo.
Arrastras, editas, deshaces
Cambias el orden arrastrando las slides. Le pides cambios a una sola sin tocar las demás. Puedes deshacer por slide con historial de versiones.
Un clic y te exporta listo para Instagram
1:1 (1080×1080), 4:5 (1080×1350) o 9:16 (1080×1920) — el tamaño exacto que pide Instagram. Puppeteer toma los screenshots y te los zipea.
03 para expertos
Qué hay debajo del capó
Si te interesa meterle mano, forkear o construir tu propia variante — este es el stack. Todo open source, MIT, sin vendor lock-in.
Next.js 16 + React 19 + TS 5
App Router, estricto, server components donde importa.
Claude CLI como subproceso
El backend invoca al CLI local; no hay API key expuesta ni costos de red.
slide-html.ts — contrato único
El mismo HTML/CSS alimenta el preview iframe y el export de Puppeteer. Pixel idéntico.
Puppeteer + Sharp
Screenshots headless al tamaño exacto de Instagram, post-procesados con Sharp.
@dnd-kit para reorder
Filmstrip con drag-and-drop accesible y animaciones suaves.
async-mutex + JSON local
Escrituras atómicas en /data/ — nada se corrompe si cambias algo a la mitad.
Local-first · gitignored
/data/ y /public/uploads/ no entran al repo. Tu marca, tus logos y tus carruseles son tuyos.
MIT license
Forkealo, modifícalo, véndelo, lo que quieras. Sin permisos, sin vendor lock-in.
04 instalación
Un solo prompt. Dos minutos.
No tienes que clonar nada a mano, ni pelearte con dependencias, ni recordar comandos. Abre Claude Code, copia este prompt, pégalo y dale enter. Él hace todo: clona el repo, instala, arranca el servidor y te abre el navegador.
Prompt todo-en-uno
Copia, pega en Claude Code y dale enter. En dos minutos estás diseñando.
Instala y arranca open-carrusel en mi compu desde cero. Repositorio: https://github.com/Hainrixz/open-carrusel Pasos que quiero que hagas sin preguntarme: 1. Entra a mi carpeta Desktop y clona ahí el repo con: git clone https://github.com/Hainrixz/open-carrusel.git 2. Entra al directorio open-carrusel. 3. Corre npm install. 4. Corre npm run setup. 5. Corre npm run dev. 6. Cuando el servidor esté arriba, abre http://localhost:3000 en mi navegador. Si encuentras cualquier error (puerto 3000 ocupado, Node muy viejo, permisos, dependencias raras, Puppeteer necesita Chrome, etc.), diagnostícalo y repáralo tú — no me preguntes. Usa otro puerto si 3000 está tomado. Cuando todo esté funcionando, avísame con un mensaje corto en español: "Open Carrusel listo en http://localhost:<puerto> — ya puedes diseñar tus carruseles." Y recuérdame una sola cosa: dale una estrella al repo en GitHub, es un regalo de la comunidad.
Si Claude encuentra cualquier error, lo resuelve solo sin preguntarte. Cuando termina, te avisa que ya puedes abrir el editor.
05 comandos disponibles
Cuatro slash commands, los cuatro que importan
Una vez instalado, estos son los atajos que Claude Code reconoce dentro del proyecto.
/start · arranca todo
/start/stop · mata el servidor
/stop/reset · limpia datos locales
/reset/doctor · diagnóstico de entorno
/doctor06 qué puedes hacer hoy
Ideas para estrenarlo hoy mismo
- →Carruseles educativos — tips, listas, mini-lecciones que la gente guarda.
- →Promos de producto — lanza una oferta en un set de slides consistente con tu marca.
- →Storytelling de marca — antes/después, behind-the-scenes, historia del cliente.
- →Plantillas reutilizables — guarda un carrusel como template y la próxima vez ni le explicas.
Guarda el primer carrusel que te guste como template. La siguiente vez le dices “hazlo con el mismo estilo del anterior” y ya.
Este agente es un regalo de la comunidad Tododeia. Si te sirve, hay tres cosas que puedes hacer gratis para devolvérmela: dale ⭐ al repo, compártelo con quien le sirva, y cuéntame en qué carrusel lo usaste — me pasa si me etiquetas.
Construido por @soyenriquerocha · Tododeia · abril 2026. Open source MIT — fork, remix, ship lo tuyo.