Repolode
Enviar
guilhermealvestech

guilhermealvestech/carrossel-skill

Una skill para Claude Code y Codex que crea carruseles con estilo de marca, desde el guion hasta exportaciones PNG 2x, con galería, vista previa con slider y comparación de versiones.

Alternativa open source a:Canva

Ver en GitHub
Estrellas
115
Forks
16
Issues abiertos
0
Último commit
hace 5 días

¿Qué es?

carrossel es una skill para Claude Code y Codex que crea carruseles para redes sociales con un estilo de marca coherente. El proceso se divide en etapas: la IA redacta el texto diapositiva por diapositiva, espera la aprobación y solo entonces crea las piezas visuales. Las piezas aprobadas se convierten en referencia para los siguientes carruseles, de modo que la serie mantiene una apariencia coherente.

Cada diapositiva se exporta como HTML editable, PNG de 1080×1350 y PNG de 2160×2700. El resultado incluye una galería con todas las piezas y sus versiones, un slider para previsualizarlas y descargarlas, y una vista para compararlas en paralelo. La configuración de marca puede partir de un sitio web, un logo y publicaciones existentes, o empezar desde cero con algunas preguntas y una selección de estilos.

Las aprobaciones y los rechazos se guardan en un archivo GOSTO.md que la skill consulta antes de crear cada pieza nueva. El proyecto requiere Node 18+ e instala Playwright con Chromium para generar las imágenes.

Funciones clave

  • 01Redacta el texto diapositiva por diapositiva y espera la aprobación antes de diseñar.
  • 02Exporta cada diapositiva como HTML editable y como PNG de 1080×1350 y 2160×2700.
  • 03Incluye una galería, un slider y una vista para comparar versiones en paralelo.
  • 04Crea una identidad de marca a partir de un sitio web existente o desde cero.
  • 05Guarda las preferencias sobre aprobaciones y rechazos en GOSTO.md para futuras piezas.

Casos de uso

  • Crear una serie de carruseles para Instagram que mantengan la identidad de una marca existente.
  • Convertir el lanzamiento de un producto o un tema en una publicación de varias diapositivas con un texto listo para publicar.
  • Definir la identidad visual de una marca nueva mediante preguntas guiadas antes de producir contenido.

Inicio rápido

  1. 1

    Clona el repositorio

    git clone https://github.com/guilhermealvestech/carrossel-skill
  2. 2

    Copia la skill en la carpeta skills de Claude Code

    cp -r carrossel-skill/skills/carrossel ~/.claude/skills/carrossel
  3. 3

    Instala las dependencias de Node de la skill

    npm install --prefix ~/.claude/skills/carrossel
  4. 4

    Instala el navegador Chromium para Playwright

    npx --prefix ~/.claude/skills/carrossel playwright install chromium

Antes de usarlo

  • Requiere Node 18 o posterior y tener Chromium instalado para Playwright.
  • Está diseñado para Claude Code o Codex; no es una aplicación independiente.

En colecciones

Herramientas, skills y plugins para Claude CodeAsistentes y agentes de programación con IAGeneradores de imágenes con IA y herramientas de Stable Diffusion

Temas

#claude-code#codex#carousel#instagram#image-generation#playwright#brand-design#social-media

Preguntas frecuentes

¿Qué es carrossel-skill?
Una skill para Claude Code y Codex que crea carruseles con estilo de marca, desde el guion hasta exportaciones PNG 2x, con galería, vista previa con slider y comparación de versiones. carrossel es una skill para Claude Code y Codex que crea carruseles para redes sociales con un estilo de marca coherente. El proceso se divide en etapas: la IA redacta el texto diapositiva por diapositiva, espera la aprobación y solo entonces crea las piezas visuales. Las piezas aprobadas se convierten en referencia para los siguientes carruseles, de modo que la serie mantiene una apariencia coherente.
¿carrossel-skill es gratuito? ¿Qué licencia tiene?
carrossel-skill es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿carrossel-skill sigue mantenido?
Mantenimiento activo. El último commit de carrossel-skill fue el 1 nov 2026.
¿Para qué puedo usar carrossel-skill?
Crear una serie de carruseles para Instagram que mantengan la identidad de una marca existente. Convertir el lanzamiento de un producto o un tema en una publicación de varias diapositivas con un texto listo para publicar. Definir la identidad visual de una marca nueva mediante preguntas guiadas antes de producir contenido.
¿Cómo se instala carrossel-skill?
Clona el repositorio: git clone https://github.com/guilhermealvestech/carrossel-skill Copia la skill en la carpeta skills de Claude Code: cp -r carrossel-skill/skills/carrossel ~/.claude/skills/carrossel Instala las dependencias de Node de la skill: npm install --prefix ~/.claude/skills/carrossel Instala el navegador Chromium para Playwright: npx --prefix ~/.claude/skills/carrossel playwright install chromium
¿Dónde consigo carrossel-skill?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/guilhermealvestech/carrossel-skill

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados