carousel

Automating Instagram carousel generation turns a topic input into 8–10 dynamic HTML slides using design tokens. This skill handles the end-to-end workflow, reading topic metadata to produce branded slide content for marketers and creators.

Exporting HTML slides as 1080x1440 PNG images is achieved through a Puppeteer-driven capture pipeline. The skill renders each generated HTML slide and captures it as a high-quality, post-ready PNG file matching Instagram's carousel dimensions.

Creating branded Instagram carousel content without manual design involves applying design tokens to topic-driven slide generation. This skill automates that process, producing an 8–10 slide carousel pack in minutes instead of hours.

Puppeteer is required to capture PNG exports from the generated HTML slides. The skill uses this dependency to automate the headless browser rendering and screenshot capture process for each 1080x1440 carousel image.

The carousel generation workflow handles brand tokens by applying them dynamically to the HTML slide output. It reads SKILL.md metadata for topic input, generates a slides.html file, and styles the 8–10 slides with the provided design tokens.

Limitations when customizing HTML carousel slides stem from the automated generation pipeline. While the skill outputs a slides.html file for easy customization, any manual edits must maintain the 1080x1440 layout to ensure the Puppeteer PNG capture remains aligned.