Open Carrusel - Editor de carruseles de Instagram con IA
Herramienta open source para disenar carruseles de Instagram conversando con Claude. Genera slides en HTML/CSS y las exporta como PNG listas para publicar.
Recurso de la comunidad zeltra
Descarga el proyecto completo, úsalo y personalízalo para tu negocio. Seleccionado y adaptado por Benjamin para la comunidad.
Que es Open Carrusel
Open Carrusel es un editor de carruseles para Instagram que usa IA. Le describes al agente que queres en cada slide, el genera el HTML/CSS, y vos exportas las imagenes PNG listas para subir.
Todo corre de forma local, sin servicios en la nube.
Como funciona
El flujo es simple:
- Abris el editor y escribis en el chat lo que queres en la slide
- El agente (Claude) genera el HTML/CSS de la diapositiva
- Ves la preview en tiempo real en el centro
- Reorganizas las slides con drag and drop
- Exportas todo como ZIP con PNGs optimizados para Instagram
Formatos de exportacion
El ZIP incluye las imagenes en los tres formatos estandar de Instagram:
- 1:1 - Cuadrado clasico
- 4:5 - Vertical recomendado para feed
- 9:16 - Stories / Reels
Stack tecnico
- Next.js 16 con Turbopack + React 19
- TypeScript 5 + Tailwind CSS v4
- Radix UI + lucide-react para la interfaz
- @dnd-kit para el drag and drop de slides
- Puppeteer + Sharp para la exportacion de imagenes
- Claude CLI como agente generador de slides
Instalacion rapida
# Clona el repo
git clone https://github.com/benjaminromero5631/open-carrusel
cd open-carrusel
# Instala dependencias
npm install
# Inicia el servidor de desarrollo
npm run dev
Abre http://localhost:3000 y empieza a crear.
Necesitas tener Claude CLI instalado y configurado para que el agente funcione.
Descarga el proyecto
En el boton de abajo podes descargar el ZIP con el codigo fuente completo o verlo directamente en GitHub.