Social Carousel

Social Carousel Skill

Produce a 3-panel social carousel on a single dark stage. Each panel is a 1080×1080 cinematic still — connected as a series, but each readable on its own.

Workflow

1. Read the active DESIGN.md (injected above). Pick the loudest serif

token for the headline lockups and a mono token for stamps / counters.

1. Pick the theme + 3 captions from the brief. The captions must read

as one sentence when stacked: ("onwards." → "to the next one." → "looking ahead." or "input." → "iterate." → "ship.").

1. Stage — full-bleed dark page. Top header strip:

• Left: serif italic display "Three posts. One beat."
• Just below the title: a one-line description in muted mono ("1080×1080

· cinematic video loops · minimal type. Drop into Instagram, LinkedIn, or X — each post stands on its own or runs as a three-part series.").

• Right: small mono badge "SERIES · 01 → 03".

1. Cards — 3 squares in a horizontal row (wraps to stack on narrow

viewports). Each card is aspect-ratio: 1 / 1 with rounded 12px corners and a subtle 1px border, plus a soft drop shadow.

• Background: a layered gradient that suggests a cinematic photo — for

example, panel 1 = warm dawn meadow (stacked greens with a cyan sky wash); panel 2 = forest dusk (warm oranges fading into deep teals); panel 3 = pink-mountain ridge (rosy peaks against a dim violet sky). Use radial-gradient + linear-gradient only — no images.

• Top-left chip: brand wordmark in serif italic ("Jerrod Lew") with a

small accent dot.

• Top-left below chip: micro mono index "AI · 01 / 03" (and 02, 03).
• Bottom-left: the headline lockup in white serif display, italic accent

on one word.

• Bottom-right corner: a 1× LOOP mono stamp inside a thin border.
• Bottom strip caption: small caps mono describing the imagined frame

("Man, walking forward — close.", "Woman, stepping into frame.", "Woman, overlooking the city.").

1. Write a single HTML document:

• ` through `, CSS inline.
• Cards are sized via width: clamp(280px, 30vw, 380px) so 3 fit

comfortably across most desktops and stack at ` tags:

...

One sentence before the artifact, nothing after.

Source & license

This open-source skill is cataloged on AgentStack and links to its original source — we do not rehost the code.

• Author: nexu-io
• Source: nexu-io/open-design
• License: Apache-2.0
• Homepage: https://open-design.ai

Install and usage instructions live in the source repository linked above.