social-media-carousel

仓库: inference-sh/skills
安装量: 141
排名: #6069

安装

npx skills add https://github.com/inference-sh/skills --skill social-media-carousel

Social Media Carousel Design high-engagement carousel posts via inference.sh CLI. Quick Start Requires inference.sh CLI ( infsh ). Get installation instructions: npx skills add inference-sh/skills@agent-tools infsh login

Generate a carousel slide

infsh app run infsh/html-to-image --input '{ "html": "

5 Rules for

Writing Headlines That Convert

Swipe →

" }' 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

infsh app run infsh/html-to-image --input '{ "html": "

90% of Landing Pages Make This Mistake

Swipe to find out →

" }' Slides 2-6: Content Slides One point per slide. Never cram multiple ideas.

Content slide template

infsh app run infsh/html-to-image --input '{ "html": "

01

Your headline is too vague

\"Welcome to our platform\" tells the visitor nothing. Lead with the outcome: \"Ship docs in minutes, not days.\"

" }' Slide 7: CTA Slide

CTA slide

infsh app run infsh/html-to-image --input '{ "html": "

Found this useful?

Save this post for later 🔖
Follow for more tips

@yourusername

" }' 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 infsh app run infsh/html-to-image --input "{ \" html \" : \"

Slide $i of 7

\" }" --no-wait done AI-Generated Carousel Visuals

Generate illustrations for each slide

infsh 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

← 返回排行榜