Crea un carrusel de Instagram con Claude Opus 5.5 y Ciyo

Por qué separar imágenes y texto

Los modelos de imagen han mejorado mucho con las letras, pero un carrusel lleva decenas de palabras repartidas en cuatro diapositivas, y una letra equivocada obliga a generar de nuevo. El texto compuesto con código es exacto por construcción, y puedes cambiar una fecha en segundos.

Así que pedimos a Ciyo imágenes sin ningún texto y con una zona vacía para un titular, y pedimos a Opus 5.5 todo lo demás.

Paso 1: ilustraciones sin texto en Ciyo

En el Image Generator (generador de imágenes) de Ciyo elegimos GPT Image 2.5 Flare, la proporción 4:5 que Instagram usa para las publicaciones verticales, 2K y dos imágenes, por 6 créditos. El prompt pedía una mesa de café vista desde arriba en la mitad inferior, una zona verde lisa en el 40% superior para un titular, los colores de la marca y nada de texto.

Las dos imágenes llegaron a 1,792 × 2,240, con la zona verde vacía donde la pedimos y sin letras sueltas. Las redimensionamos a 1,080 × 1,350, el tamaño vertical de Instagram.

Ilustración editorial plana para un carrusel de Instagram de un café de juegos de mesa: una mesa redonda de madera vista directamente desde arriba, con un tablero de ajedrez, dos dados, un pequeño montón de cartas y dos tazas de café, colocados en la mitad inferior. El 40% superior de la imagen es una zona lisa de verde oscuro (#1F4D3A) sin nada, para un titular que se añadirá después. Verde oscuro, crema (#F3E9D2) y un poco de ámbar cálido. Estilo vectorial plano y limpio, sombras suaves. Sin texto, sin letras, sin números, sin logotipos.

Paso 2: el encargo de composición para Opus 5.5

Adjuntamos las dos ilustraciones y el logo, y dimos a Opus 5.5 las palabras exactas de cada diapositiva, un margen de seguridad de 90 píxeles y los tres colores de la marca: “Make a 4-slide Instagram carousel for Rook & Rabbit … Each slide is 1080 x 1350. Build it as one self-contained HTML file … Keep all text inside a 90 px safe margin, and use only #1F4D3A, #F3E9D2 and #B06A10 for text and shapes.” (Haz un carrusel de Instagram de 4 diapositivas para Rook & Rabbit … Cada diapositiva mide 1080 x 1350. Constrúyelo como un único archivo HTML autónomo … Mantén todo el texto dentro de un margen de seguridad de 90 px y usa solo #1F4D3A, #F3E9D2 y #B06A10 para el texto y las formas.) El encargo completo, con las palabras de cada diapositiva, aparece en la captura.

Lo que hizo Opus 5.5

En pocos minutos devolvió un único archivo HTML de 545,178 bytes con las imágenes incrustadas, y una vista previa de las cuatro diapositivas. La diapositiva 1 pone “Saturday Game Night” (noche de juegos del sábado) en la zona verde vacía, con la fecha de inicio en una píldora con contorno. La diapositiva 2 numera los tres pasos con dados que muestran uno, dos y tres puntos, así que no añade texto extra. La diapositiva 3 amplía el símbolo de la torre con las orejas sobre el precio y la hora. La diapositiva 4 coloca el logo en una baldosa crema junto a “Book a table” (reserva una mesa).

Revisó su propio trabajo: renderizó cada diapositiva, redujo el símbolo de la torre, volvió a comprobar los márgenes y buscó colores en el archivo. También nos dijo algo útil: su render de prueba había usado una fuente de reserva, y Georgia es más ancha, así que “Pick a game from our shelf” (elige un juego de nuestra estantería) podría partirse en dos líneas en algunos dispositivos.

Lo que medimos

Renderizamos cada diapositiva en Chromium con Georgia y medimos cada línea de texto. Todo el texto queda dentro del margen de 90 píxeles; la línea más cercana al borde, “Saturdays 6 pm”, va de 106 a 974 píxeles en una diapositiva de 1,080 píxeles de ancho. El código del archivo usa solo los tres colores de la marca. El aviso era correcto: en Georgia, “Pick a game from our shelf” se parte en dos líneas y deja “shelf” sola.

Una libertad que se tomó: en la diapositiva 3, Opus partió “Free entry · Saturdays 6 pm” (entrada libre · los sábados a las 6 pm) en dos líneas, con el punto en una línea propia entre ambas. Las palabras son exactas; la línea no. Si una línea debe quedar entera, dilo en el encargo.

Publícalo y reutilízalo

Para publicar, haz una captura de 1,080 × 1,350 de cada diapositiva, o renderízalas en PNG, y súbelas en orden. Corrige la palabra huérfana de la diapositiva 2 acortando el paso o dejando un cuadro de texto algo más ancho.

La semana que viene, cambia la fecha y las imágenes y conserva el archivo. Genera en Ciyo nuevas ilustraciones sin texto en los mismos colores, sustitúyelas, y la composición, las fuentes y los márgenes seguirán iguales.

• ¿Puede Claude Opus 5.5 crear piezas visuales de marca?
• Carruseles para redes sociales con GPT-6 Astra
• Crea un fondo de presentación que deje sitio al título
• Anthropic: presentación de Claude Opus 5.5