ig-story-carousel

Generate Instagram carousel slides and stories as HTML widgets with PNG export.

2|1|Updated Apr 26, 2026
One-click install
npx skills add https://github.com/dkyazzentwatwa/skill_starter_pack --skill ig-story-carousel-dkyazzentwatwa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: ig-story-carousel
Source: https://github.com/dkyazzentwatwa/skill_starter_pack/tree/main/ig-story-carousel
Command: npx skills add https://github.com/dkyazzentwatwa/skill_starter_pack --skill ig-story-carousel-dkyazzentwatwa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright.

What problem does it solve? Creating visually consistent, scroll-stopping Instagram carousels requires both design skill and copywriting expertise, and manually exporting each slide as a high-resolution image is tedious. This Skill generates complete carousel slide decks as HTML widgets with structured copywriting frameworks and automatically exports them as PNG files. ## Core Features & Use Cases - Slide Generation: Creates 1:1 square (or 9:16 vertical) carousel slides with a defined dark or light color system, typography hierarchy, and flat-design layout rules. - Viral Copywriting System: Applies hook headlines, transition CTAs, saveable framework slides, and platform-aligned final CTAs (save, share, follow, comment, DM). - Automatic PNG Export: Renders slides at 1088x1088 resolution and uses Playwright to screenshot each slide, packaging them into a downloadable zip file. - Use Case: A content creator asks for a 5-slide carousel teaching prompt engineering tips; the Skill plans the narrative arc (Hook, Problem, Framework, Proof, CTA), writes the copy, renders the slides, and exports ready-to-post PNGs. ## Quick Start Use the ig-story-carousel skill to create a 5-slide Instagram carousel about productivity tips for remote workers and export the slides as PNGs.

Frequently Asked Questions about ig-story-carousel

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an Instagram carousel with AI?

Describe your topic, brand handle, and desired slide count, and the Skill plans a narrative arc, writes hook-driven copy, and renders all slides in one HTML widget. It then exports each slide as a high-resolution PNG packaged in a zip file.

How to export HTML slides as PNG images?

The Skill creates a full-resolution HTML file at 1088x1088 pixels per slide, then runs a Playwright script that screenshots each slide element by ID. The resulting PNGs are zipped into a carousel.zip file in the outputs directory.

Can I make light theme or vertical 9:16 Instagram stories?

Yes, the Skill detects mode signals in your request such as light theme, clean, white, 9:16, or vertical. It applies a light color palette or switches the aspect ratio from the default 1:1 square to vertical story format.

Can I use my own image or brand colors in carousel slides?

Yes, uploading an image triggers reference mode with three intents: use it as a slide background with a dark overlay, extract dominant colors as a theme palette, or read its content as copy source for the slides.

What makes a carousel slide perform well on Instagram?

The Skill enforces a checklist: a tension-driven hook on slide one, at least one saveable framework or checklist slide, curiosity-driven transition copy, and a platform-aligned final CTA such as save, share, follow, comment, or DM.