Instagram Carousel

This is a full-stack carousel builder that goes way beyond templates. It walks you through brand setup (colors, fonts, tone), derives a six-token palette from your primary hex, generates swipeable HTML previews with proper Instagram framing, and exports each slide as a 1080×1350px PNG via Playwright. The instructions are unusually detailed about image handling: it embeds user photos as base64 data URIs (never relative paths) and writes HTML via Python to avoid shell interpolation corrupting the strings. Comes with opinionated rules for hook writing, seven-slide sequencing, and typography pairings. Default language is Portuguese unless you specify otherwise. If you need Instagram carousels that look production-ready without touching Figma, this does the job.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 24
skills.sh installs: 889
GitHub stars: 70
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add marcolang/marketing-skills --skill instagram-carousel --agent claude-code

Installs into .claude/skills of the current project.

Files

Instagram Carousel Generator

Generates fully self-contained, swipeable HTML carousels where every slide is designed to be exported as an individual 1080×1350px PNG for Instagram.

Step 1: Collect Brand Details

Before generating, ask the user for the following (if not already provided):

Brand name — displayed on first and last slides
Instagram handle — shown in the IG frame header
Primary brand color — hex code, or describe and Claude picks one
Logo — SVG path, brand initial, or skip
Font preference — see typography table below, or specific Google Fonts
Tone — professional, casual, playful, bold, minimal, etc.
Images — profile photo, screenshots, product images, etc.
Idioma dos slides — default: Português (BR) unless specified otherwise
Carousel format — standard (7 slides) or alternate sequence (see sequences section)