social-carousel
Generates a branded, 3-card social media carousel with cinematic layouts and connective typography.
Install
mkdir -p .claude/skills/social-carousel && curl -L -o skill.zip "https://agentskills.codes/api/skills/download/11738" && unzip -o skill.zip -d .claude/skills/social-carousel && rm skill.zipInstalls to .claude/skills/social-carousel
Activation
This is the description your AI agent reads to decide when to run this skill — the better it matches your request, the more reliably it fires.
A three-card social-media carousel laid out as 1080×1080 squares — three cinematic, on-brand panels with display headlines that connect across the series ("onwards." → "to the next one." → "looking ahead."). Each card has a brand mark, a number / total, a caption, and a "loop" affordance. Use when the brief asks for a "carousel post", "social carousel", "Instagram carousel", "LinkedIn series", "X thread cards", or "三连发".Key capabilities
- →Produce a 3-panel social carousel
- →Layout panels as 1080x1080 squares
- →Connect panels as a series with display headlines
- →Include brand mark, number/total, caption, and loop affordance
- →Generate HTML document with inline CSS
How it works
The skill reads a DESIGN.md for typography, picks a theme and three captions, then stages three 1080x1080 cinematic panels. It writes a single HTML document with inline CSS for the carousel.
Inputs & outputs
When to use social-carousel
- →Design Instagram carousel
- →Create LinkedIn series post
- →Build social media graphics
About this skill
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
- Read the active DESIGN.md (injected above). Pick the loudest serif token for the headline lockups and a mono token for stamps / counters.
- 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.").
- 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".
- Cards — 3 squares in a horizontal row (wraps to stack on narrow
viewports). Each card is
aspect-ratio: 1 / 1with 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-gradientonly — 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× LOOPmono 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.").
- 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
- Write a single HTML document:
<!doctype html>through</html>, CSS inline.- Cards are sized via
width: clamp(280px, 30vw, 380px)so 3 fit comfortably across most desktops and stack at < 1100px. data-od-idon stage, each card, each headline.
- Self-check:
- The three headlines together form one sentence and feel cinematic.
- Mono is used only for the wordmark index, the loop stamp, and the bottom captions. The headlines stay serif.
- Each panel's color story is distinct — no two share a dominant hue.
Output contract
Emit between <artifact> tags:
<artifact identifier="carousel-slug" type="text/html" title="Carousel — Title">
<!doctype html>
<html>...</html>
</artifact>
One sentence before the artifact, nothing after.
When not to use it
- →Requests for carousels with more or less than three panels
- →Requests for carousels with different dimensions than 1080x1080
Limitations
- →The carousel is limited to three panels.
- →Each panel is a 1080x1080 cinematic still.
- →The captions must read as one sentence when stacked.
How it compares
This skill generates a complete HTML document for a three-panel carousel with specific design elements, unlike manually creating individual image files.
Compared to similar skills
social-carousel side by side with the closest alternatives in the catalog.
| Skill | Installs | Updated | Safety | Difficulty |
|---|---|---|---|---|
| social-carousel (this skill) | 0 | 3mo | No flags | Beginner |
| social-video-creative | 0 | 1mo | No flags | Intermediate |
| agency-instagram-curator | 0 | 4mo | No flags | Intermediate |
| scriptwriting | 17 | 8mo | No flags | Beginner |
Try saying
Example prompts that trigger this skill in your AI assistant.
You might also like
social-video-creative
DeliciousHouse
Generate ONE on-brand short-form vertical video (Reel / Story video) for a single Aries social post at 9:16 reel scale. Use once per requested video clip. FORCES exactly one video_generate call and returns the generated_video creative_asset (localized basename + width/height/duration) plus a content
agency-instagram-curator
iFrescoo
Expert Instagram marketing specialist focused on visual storytelling, community building, and multi-format content optimization. Masters aesthetic development and drives meaningful engagement.
scriptwriting
gtmagents
Use when crafting scripts, storyboards, and messaging for video content.
amcs-lyrics-generator
miethe
Generate song lyrics with citations from pinned sources. Enforces rhyme scheme, meter, syllable counts, hook strategy, and profanity filter while retrieving from MCP sources with deterministic hash-based pinning. Use when creating lyrics with structural constraints, source attribution, and policy compliance.
executing-marketing-campaigns
davila7
Plans, creates, and optimizes marketing campaigns including content strategy, social media, email, and analytics. Helps develop go-to-market strategies, campaign messaging, and performance measurement.
social-content
davila7
When the user wants help creating, scheduling, or optimizing social media content for LinkedIn, Twitter/X, Instagram, TikTok, Facebook, or other platforms. Also use when the user mentions 'LinkedIn post,' 'Twitter thread,' 'social media,' 'content calendar,' 'social scheduling,' 'engagement,' or 'viral content.' This skill covers content creation, repurposing, and platform-specific strategies.