design-carousel-slidelisted

# Skill: carousel-slide Produces a single self-contained HTML file containing N pixel-exact 1080×1080 canvas divs. Each canvas is an individual carousel slide; screenshot each separately at native dimensions to upload as a multi-slide post on LinkedIn or Instagram. The carousel format is high-leverage for editorial brands — it lets the brand's longer-form thinking land in a feed that otherwise rewards single posts. The discipline: cover and closing slides do the visual work; middle slides do the content work. ## When to use - User wants a multi-slide carousel post (LinkedIn or Instagram) - A `DESIGN.md` exists for the brand ## Inputs - **Required:** brand slug, post topic / thesis - **Optional:** number of slides (default 5: cover + 3 content + closing), CTA text for closing slide - **Optional:** content for each middle slide (or leave for the agent to draft from the topic) ## Output `./design/<brand-slug>/artifacts/carousel-YYYY-MM-DD-<slug>.html` ## Steps ### 1. Verify brand exists ```bash test -f ./design/<brand-slug>/tokens.css ``` ### 2. Gather the brief Ask in one message: ``` 1. Topic / thesis — the carousel's argument in one sentence (sentence-case ending in period per brand voice) 2. Number of slides — default 5 (1 cover + N content + 1 closing CTA); valid range 3–9 (carousel max) 3. Per-slide content — optional. If omitted, the agent drafts from the topic. 4. Closing CTA — the action you want readers to take (e.g. "read the full piece at shane.logsdon.