＋ Add to collection

Install (CLI)

npx skillmds add inference-sh/social-media-carousel

Or Copy and Paste in Your Agent chat

Please install the Agent Skill "inference-sh/social-media-carousel" for me from skillmd.com. A SkillMD skill is a SKILL.md file — plain markdown — that you save into my skills directory. Use whichever fetch route fits your setup: (1) if you have a terminal, run npx -y skillmds add inference-sh/social-media-carousel; (2) otherwise fetch https://api.skillmd.com/api/skills/inference-sh/social-media-carousel/raw (served as text/markdown) and save it as social-media-carousel/SKILL.md in your skills directory; (3) if the SkillMD MCP tools are connected, call skillmd_download with slug "inference-sh/social-media-carousel" and save the returned files under social-media-carousel/. Show me the SKILL.md before saving if you'd like me to review it. If your skills directory is read-only (e.g. the Claude desktop app), save the files to a working folder instead and tell me — I'll add them through my app's skills settings.

README badge

Show this skill's registry status in your repo:

[![SkillMD](https://skillmd.com/badge/inference-sh/social-media-carousel.svg)](https://skillmd.com/skills/inference-sh/social-media-carousel)

social-media-carousel

Name: social-media-carousel
Rating: 4.2 (5 reviews)
Author: inference.sh

inference-sh/social-media-carousel · Agent Skill

by inference.sh · single

Published Jul 5, 2026 · Last updated Jul 6, 2026

Design high-engagement multi-slide carousels for Instagram, LinkedIn, and Twitter/X with layout rules, text hierarchy, swipe psychology, and platform-specific specs.

SKILL.md

Install the belt CLI skill: npx skills add belt-sh/cli

Social Media Carousel

Design high-engagement carousel posts via inference.sh CLI.

Quick Start

Requires inference.sh CLI (belt). Install instructions

belt login

# Generate a carousel slide
belt app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1080px;height:1080px;background:#0f172a;display:flex;align-items:center;justify-content:center;padding:80px;font-family:system-ui;color:white;text-align:center\"><div><p style=\"font-size:24px;color:#818cf8;text-transform:uppercase;letter-spacing:3px\">5 Rules for</p><h1 style=\"font-size:64px;margin:16px 0;font-weight:900;line-height:1.1\">Writing Headlines That Convert</h1><p style=\"font-size:22px;opacity:0.5;margin-top:24px\">Swipe →</p></div></div>"
}'

Platform Specs

Platform	Dimensions	Slides	Aspect Ratios
Instagram	1080 x 1080 px	Up to 20	1:1 (default), 4:5, 16:9
LinkedIn	1080 x 1080 px or 1080 x 1350	Up to 20	1:1, 4:5
Twitter/X	1080 x 1080 px	Up to 4	1:1, 16:9
Facebook	1080 x 1080 px	Up to 10	1:1, 4:5

Use 1080 x 1350 (4:5) on Instagram and LinkedIn — takes up more screen real estate in the feed than square.

Carousel Structure

The 7-Slide Framework

Slide	Purpose	Content
1	Hook	Bold claim, question, or promise — stops the scroll
2	Context	Why this matters, set up the problem
3-6	Value	One point per slide, numbered
7	CTA	Follow, save, share, comment, visit link

Slide 1: The Hook

The most important slide. If this fails, nobody swipes.

Hook Type	Example
Bold claim	"90% of landing pages make this mistake"
Question	"Why do your ads get clicks but no conversions?"
Number + promise	"7 Python tricks I wish I learned sooner"
Contrarian	"Stop writing blog posts (do this instead)"
Before/after	Show transformation

# Hook slide
belt app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1080px;height:1350px;background:linear-gradient(180deg,#1e1b4b,#312e81);display:flex;align-items:center;justify-content:center;padding:80px;font-family:system-ui;color:white;text-align:center\"><div><h1 style=\"font-size:72px;font-weight:900;line-height:1.15;margin:0\">90% of Landing Pages Make This Mistake</h1><p style=\"font-size:28px;opacity:0.6;margin-top:32px\">Swipe to find out →</p></div></div>"
}'

Slides 2-6: Content Slides

One point per slide. Never cram multiple ideas.

# Content slide template
belt app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1080px;height:1350px;background:#1e1b4b;padding:80px;font-family:system-ui;color:white;display:flex;flex-direction:column;justify-content:center\"><div><p style=\"font-size:120px;font-weight:900;color:#818cf8;margin:0;line-height:1\">01</p><h2 style=\"font-size:48px;margin:24px 0 16px;font-weight:800;line-height:1.2\">Your headline is too vague</h2><p style=\"font-size:26px;opacity:0.8;line-height:1.6\">\"Welcome to our platform\" tells the visitor nothing. Lead with the outcome: \"Ship docs in minutes, not days.\"</p></div></div>"
}'

Slide 7: CTA Slide

# CTA slide
belt app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1080px;height:1350px;background:linear-gradient(180deg,#312e81,#1e1b4b);display:flex;align-items:center;justify-content:center;padding:80px;font-family:system-ui;color:white;text-align:center\"><div><h2 style=\"font-size:56px;font-weight:900;margin:0;line-height:1.2\">Found this useful?</h2><p style=\"font-size:32px;opacity:0.8;margin-top:24px;line-height:1.5\">Save this post for later 🔖<br>Follow for more tips</p><p style=\"font-size:24px;opacity:0.4;margin-top:40px\">@yourusername</p></div></div>"
}'

Design Rules

Text Hierarchy

Element	Size (at 1080px)	Weight
Slide number	96-120px	Black (900)
Heading	48-64px	Bold (700-800)
Body text	24-28px	Regular (400)
Caption/tag	18-22px	Medium (500)

Readability

Rule	Value
Max words per slide	30-40
Max lines of body text	4-5
Line height	1.5-1.6
Font	Sans-serif (Inter, Montserrat, Poppins)
Text contrast	4.5:1 minimum (WCAG AA)

Visual Consistency

Element	Keep Consistent Across All Slides
Background color/gradient	Same palette, slight variations OK
Font family	Same font throughout
Text alignment	Same position (left or center)
Margins/padding	Same spacing
Accent color	Same highlight color
Numbering style	Same format (01, 02 or 1., 2.)

Carousel Types

Educational / Tips

Slide 1: "5 CSS tricks you need to know"
Slide 2: Trick 1 with code example
Slide 3: Trick 2 with code example
...
Slide 6: Trick 5 with code example
Slide 7: "Follow for more dev tips"

Storytelling / Case Study

Slide 1: "How we grew from 0 to $1M ARR"
Slide 2: The beginning (context)
Slide 3: The challenge
Slide 4: What we tried (failed)
Slide 5: What worked
Slide 6: The result (numbers)
Slide 7: Key takeaway + CTA

Before / After

Slide 1: "I redesigned this landing page"
Slide 2: Before screenshot
Slide 3: Problem 1 annotated
Slide 4: After screenshot
Slide 5: Improvement 1 explained
Slide 6: Results (conversion lift)
Slide 7: "Want a review? DM me"

Listicle / Tools

Slide 1: "10 tools every designer needs in 2025"
Slides 2-6: 2 tools per slide with logo + one-liner
Slide 7: "Save this for later 🔖"

Swipe Psychology

Principle	Application
Curiosity gap	Hook promises value that requires swiping
Numbered progress	"3/7" creates completion drive
Visual continuity	Consistent design signals "there's more"
Increasing value	Best tip last — rewards completing
Swipe cue	Arrow or "Swipe →" on slide 1

Batch Generation

# Generate all slides for a carousel
for i in 1 2 3 4 5 6 7; do
  belt app run infsh/html-to-image --input "{
    \"html\": \"<div style='width:1080px;height:1350px;background:#1e1b4b;display:flex;align-items:center;justify-content:center;padding:80px;font-family:system-ui;color:white'><div style='text-align:center'><p style='font-size:28px;opacity:0.5'>Slide $i of 7</p></div></div>\"
  }" --no-wait
done

AI-Generated Carousel Visuals

# Generate illustrations for each slide
belt app run falai/flux-dev-lora --input '{
  "prompt": "minimal flat illustration, person at desk with laptop, clean modern style, simple shapes, limited color palette purple and blue tones, white background, icon style",
  "width": 1080,
  "height": 1080
}'

Common Mistakes

Mistake	Problem	Fix
Weak hook (slide 1)	Nobody swipes	Bold claim, question, or number + promise
Too much text per slide	Overwhelming, stops reading	Max 30-40 words per slide
No visual consistency	Looks like different posts	Same colors, fonts, margins throughout
No swipe indicator	People don't realize there's more	Add "Swipe →" or arrow on slide 1
No CTA on last slide	Missed engagement opportunity	Ask to save, follow, share, or comment
Inconsistent numbering	Feels disorganized	Same number format on every content slide
Cramming 2+ ideas per slide	Hard to digest	One point per slide, always
Square format on Instagram	Wastes feed real estate	Use 1080x1350 (4:5) for more visibility

Related Skills

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@content-repurposing
npx skills add inference-sh/skills@linkedin-content

Browse all apps: belt app store

---
name: social-media-carousel
description: Design high-engagement multi-slide carousels for Instagram, LinkedIn, and Twitter/X with layout rules, text hierarchy, swipe psychology, and platform-specific specs.
---

> **Install the belt CLI skill:** `npx skills add belt-sh/cli`

# Social Media Carousel

Design high-engagement carousel posts via [inference.sh](https://inference.sh) CLI.

## Quick Start

> Requires inference.sh CLI (`belt`). [Install instructions](https://raw.githubusercontent.com/inference-sh/skills/refs/heads/main/cli-install.md)

```bash
belt login

# Generate a carousel slide
belt app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1080px;height:1080px;background:#0f172a;display:flex;align-items:center;justify-content:center;padding:80px;font-family:system-ui;color:white;text-align:center\"><div><p style=\"font-size:24px;color:#818cf8;text-transform:uppercase;letter-spacing:3px\">5 Rules for</p><h1 style=\"font-size:64px;margin:16px 0;font-weight:900;line-height:1.1\">Writing Headlines That Convert</h1><p style=\"font-size:22px;opacity:0.5;margin-top:24px\">Swipe →</p></div></div>"
}'
```


## Platform Specs

| Platform | Dimensions | Slides | Aspect Ratios |
|----------|-----------|--------|---------------|
| **Instagram** | 1080 x 1080 px | Up to 20 | 1:1 (default), 4:5, 16:9 |
| **LinkedIn** | 1080 x 1080 px or 1080 x 1350 | Up to 20 | 1:1, 4:5 |
| **Twitter/X** | 1080 x 1080 px | Up to 4 | 1:1, 16:9 |
| **Facebook** | 1080 x 1080 px | Up to 10 | 1:1, 4:5 |

**Use 1080 x 1350 (4:5)** on Instagram and LinkedIn — takes up more screen real estate in the feed than square.

## Carousel Structure

### The 7-Slide Framework

| Slide | Purpose | Content |
|-------|---------|---------|
| 1 | **Hook** | Bold claim, question, or promise — stops the scroll |
| 2 | **Context** | Why this matters, set up the problem |
| 3-6 | **Value** | One point per slide, numbered |
| 7 | **CTA** | Follow, save, share, comment, visit link |

### Slide 1: The Hook

The most important slide. If this fails, nobody swipes.

| Hook Type | Example |
|-----------|---------|
| Bold claim | "90% of landing pages make this mistake" |
| Question | "Why do your ads get clicks but no conversions?" |
| Number + promise | "7 Python tricks I wish I learned sooner" |
| Contrarian | "Stop writing blog posts (do this instead)" |
| Before/after | Show transformation |

```bash
# Hook slide
belt app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1080px;height:1350px;background:linear-gradient(180deg,#1e1b4b,#312e81);display:flex;align-items:center;justify-content:center;padding:80px;font-family:system-ui;color:white;text-align:center\"><div><h1 style=\"font-size:72px;font-weight:900;line-height:1.15;margin:0\">90% of Landing Pages Make This Mistake</h1><p style=\"font-size:28px;opacity:0.6;margin-top:32px\">Swipe to find out →</p></div></div>"
}'
```

### Slides 2-6: Content Slides

One point per slide. Never cram multiple ideas.

```bash
# Content slide template
belt app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1080px;height:1350px;background:#1e1b4b;padding:80px;font-family:system-ui;color:white;display:flex;flex-direction:column;justify-content:center\"><div><p style=\"font-size:120px;font-weight:900;color:#818cf8;margin:0;line-height:1\">01</p><h2 style=\"font-size:48px;margin:24px 0 16px;font-weight:800;line-height:1.2\">Your headline is too vague</h2><p style=\"font-size:26px;opacity:0.8;line-height:1.6\">\"Welcome to our platform\" tells the visitor nothing. Lead with the outcome: \"Ship docs in minutes, not days.\"</p></div></div>"
}'
```

### Slide 7: CTA Slide

```bash
# CTA slide
belt app run infsh/html-to-image --input '{
  "html": "<div style=\"width:1080px;height:1350px;background:linear-gradient(180deg,#312e81,#1e1b4b);display:flex;align-items:center;justify-content:center;padding:80px;font-family:system-ui;color:white;text-align:center\"><div><h2 style=\"font-size:56px;font-weight:900;margin:0;line-height:1.2\">Found this useful?</h2><p style=\"font-size:32px;opacity:0.8;margin-top:24px;line-height:1.5\">Save this post for later 🔖<br>Follow for more tips</p><p style=\"font-size:24px;opacity:0.4;margin-top:40px\">@yourusername</p></div></div>"
}'
```

## Design Rules

### Text Hierarchy

| Element | Size (at 1080px) | Weight |
|---------|-----------------|--------|
| Slide number | 96-120px | Black (900) |
| Heading | 48-64px | Bold (700-800) |
| Body text | 24-28px | Regular (400) |
| Caption/tag | 18-22px | Medium (500) |

### Readability

| Rule | Value |
|------|-------|
| Max words per slide | 30-40 |
| Max lines of body text | 4-5 |
| Line height | 1.5-1.6 |
| Font | Sans-serif (Inter, Montserrat, Poppins) |
| Text contrast | 4.5:1 minimum (WCAG AA) |

### Visual Consistency

| Element | Keep Consistent Across All Slides |
|---------|----------------------------------|
| Background color/gradient | Same palette, slight variations OK |
| Font family | Same font throughout |
| Text alignment | Same position (left or center) |
| Margins/padding | Same spacing |
| Accent color | Same highlight color |
| Numbering style | Same format (01, 02 or 1., 2.) |

## Carousel Types

### Educational / Tips

```
Slide 1: "5 CSS tricks you need to know"
Slide 2: Trick 1 with code example
Slide 3: Trick 2 with code example
...
Slide 6: Trick 5 with code example
Slide 7: "Follow for more dev tips"
```

### Storytelling / Case Study

```
Slide 1: "How we grew from 0 to $1M ARR"
Slide 2: The beginning (context)
Slide 3: The challenge
Slide 4: What we tried (failed)
Slide 5: What worked
Slide 6: The result (numbers)
Slide 7: Key takeaway + CTA
```

### Before / After

```
Slide 1: "I redesigned this landing page"
Slide 2: Before screenshot
Slide 3: Problem 1 annotated
Slide 4: After screenshot
Slide 5: Improvement 1 explained
Slide 6: Results (conversion lift)
Slide 7: "Want a review? DM me"
```

### Listicle / Tools

```
Slide 1: "10 tools every designer needs in 2025"
Slides 2-6: 2 tools per slide with logo + one-liner
Slide 7: "Save this for later 🔖"
```

## Swipe Psychology

| Principle | Application |
|-----------|------------|
| **Curiosity gap** | Hook promises value that requires swiping |
| **Numbered progress** | "3/7" creates completion drive |
| **Visual continuity** | Consistent design signals "there's more" |
| **Increasing value** | Best tip last — rewards completing |
| **Swipe cue** | Arrow or "Swipe →" on slide 1 |

## Batch Generation

```bash
# Generate all slides for a carousel
for i in 1 2 3 4 5 6 7; do
  belt app run infsh/html-to-image --input "{
    \"html\": \"<div style='width:1080px;height:1350px;background:#1e1b4b;display:flex;align-items:center;justify-content:center;padding:80px;font-family:system-ui;color:white'><div style='text-align:center'><p style='font-size:28px;opacity:0.5'>Slide $i of 7</p></div></div>\"
  }" --no-wait
done
```

## AI-Generated Carousel Visuals

```bash
# Generate illustrations for each slide
belt app run falai/flux-dev-lora --input '{
  "prompt": "minimal flat illustration, person at desk with laptop, clean modern style, simple shapes, limited color palette purple and blue tones, white background, icon style",
  "width": 1080,
  "height": 1080
}'
```

## Common Mistakes

| Mistake | Problem | Fix |
|---------|---------|-----|
| Weak hook (slide 1) | Nobody swipes | Bold claim, question, or number + promise |
| Too much text per slide | Overwhelming, stops reading | Max 30-40 words per slide |
| No visual consistency | Looks like different posts | Same colors, fonts, margins throughout |
| No swipe indicator | People don't realize there's more | Add "Swipe →" or arrow on slide 1 |
| No CTA on last slide | Missed engagement opportunity | Ask to save, follow, share, or comment |
| Inconsistent numbering | Feels disorganized | Same number format on every content slide |
| Cramming 2+ ideas per slide | Hard to digest | One point per slide, always |
| Square format on Instagram | Wastes feed real estate | Use 1080x1350 (4:5) for more visibility |

## Related Skills

```bash
npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@content-repurposing
npx skills add inference-sh/skills@linkedin-content
```

Browse all apps: `belt app store`

inference-sh/skills/tree/main/guides/social/social-media-carousel commit · 601a457f7e

▌
copy-repurpose · pwdev-solucoes
Transforma uma peça de conteúdo em várias versões nativas para diferentes canais, como case em thread, webinar em posts, artigo em carrossel e vídeo em cortes, seguindo a voz da marca e respeitando as regras de cada plataforma.

2
repo stars
▌
marketing-strategy · oyi77
Provides a structured framework for social media content creation, scheduling, analytics, and campaign management across platforms.

10
repo stars
▌
twitter-thread-creation · inference-sh
Write high-engagement Twitter/X threads with hook tweets, structured content, media attachments, and posting strategies.

584
repo stars
▌
social-content · alirezarezvani bundle
Create, schedule, and optimize social media content across LinkedIn, Twitter/X, Instagram, TikTok, and Facebook with platform-specific strategies, hooks, content calendars, and repurposing workflows.

20.4k
repo stars
▌
social · coreyhaines31 bundle
Create, schedule, and optimize social media content for LinkedIn, X, Instagram, TikTok, and Facebook with platform-specific strategies, content pillars, hooks, repurposing workflows, and engagement routines.

36.3k
repo stars
▌
productclank-campaigns · bankrbot bundle
Launch community-powered growth campaigns across social platforms: amplify posts with authentic engagement (replies, likes, reposts) and discover relevant conversations to join.

1.2k
repo stars

Frequently asked questions

How do I install the social-media-carousel skill?

Run npx skillmds add inference-sh/social-media-carousel in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the social-media-carousel skill do?

Design high-engagement multi-slide carousels for Instagram, LinkedIn, and Twitter/X with layout rules, text hierarchy, swipe psychology, and platform-specific specs. It is listed under Docs & Writing, Marketing & Growth, Content Marketing, Social Media on SkillMD.

Is social-media-carousel safe to use?

SkillMD's automated safety review verdict for this skill is CAUTION. Independent scanners report: SkillSpector: PASS, Skill Scanner: PASS. Capability flags: makes network calls. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with social-media-carousel?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is social-media-carousel free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published social-media-carousel?

inference.sh (@inference-sh) published this skill. Their other Agent Skills are listed on their SkillMD profile.