Carrusel con Claude

Página 1

@soyabraham.ia

Carrusel con Claude

RECURSO

Link para descargar la skill

Descargar la skill desde Google Drive

01 Qué hace

Crea un archivo HTML con un carrusel de Instagram listo para previsualizar en el

navegador y luego exportarlo como PNGs en formato 1080 x 1350 .

02 Cómo activarlo

Escríbelo en el chat así:

/instagram-carousel [tema]

O pídeselo directamente en lenguaje natural:

Página 2

"Crea un carrusel de Instagram sobre los beneficios del ayuno intermitente"

"Quiero un carrusel para mi marca de ropa"

03 Qué te va a preguntar

Antes de generar el carrusel, la skill te pide algunos datos básicos de marca:

Tema / contenido

"3 errores al hacer cold email"

Nombre de marca

"Growth Lab"

Handle de Instagram

@growthlab.arc

Color principal

#E84545

Logo

SVG, inicial de la marca o "sin logo"

Tipografía

editorial, moderna, cálida, técnica, bold, clásica, redondeada

Tono

Página 3

profesional, casual, playful, bold, minimal

Imágenes

foto de perfil, screenshots, producto

Si tienes un sitio web, puedes compartir la URL y la skill toma de ahí los

colores y el estilo visual.

04 Flujo completo

1. Dar los datos de marca

Responde las preguntas una por una o envíalas todas juntas desde el inicio para ir

más rápido.

2. Previsualizar en el navegador

La skill guarda el archivo en:

workspace/carousels/YYYY-MM-DD-{slug}/carousel.html

Abre ese archivo en Chrome o Edge para revisar el carrusel de forma interactiva

con swipe.

3. Pedir ajustes

Dile exactamente qué slides quieres modificar:

Página 4

"El slide 2 tiene demasiado texto"

"Cambia el CTA del último slide"

"Dale más contraste a los slides oscuros"

La skill ajusta slides concretos; no vuelve a rehacer todo desde cero.

4. Exportar los PNGs

Cuando apruebes el diseño, pídele la exportación:

"Exporta los slides"

La skill ejecuta el script de Playwright y genera un PNG por slide en:

workspace/carousels/{slug}/slides/slide_01.png workspace/carousels/{slug}/slides/slide_02.png ...

Si es la primera vez, hay que instalar Playwright:

pip install playwright playwright install chromium

05 Estructura típica de slides (7 slides)

Página 5

Claro

Hero — hook potente

Oscuro

Problema — el pain point

Gradiente de marca

Solución

Claro

Features — lista con iconos

Oscuro

Detalles / diferenciadores

Claro

Paso a paso numerado

Gradiente de marca

CTA — llamada a la acción

Página 6

Normalmente funciona entre 5 y 10 slides. No todos los formatos necesitan los 7.

06 Tips

El slide 1 tiene que frenar el scroll: usa un hook directo, no una descripción.

El slide final no debe llevar flecha de swipe, porque le indica al usuario que ya

terminó.

Enviar todas las imágenes desde el inicio acelera mucho el proceso, porque se

embeben en base64 dentro del HTML.

El archivo HTML es 100% autocontenido, así que puedes compartirlo sin

adjuntar archivos extra.

WARM DARK · EDITORIAL GRID · TERRACOTTA ACCENTS