Back to marketplace

Instagram Carousel Design and PNG Render

Turns a topic into an on-brand Instagram carousel with a hook-first slide arc, tight copy, and an HTML file that renders 1080x1350 PNGs.

Designinstagram-carouselsocial-design
by AgentVoltv1.0.0
Free to sign up · every skill included with AgentVolt Pro

Before & after

Same prompt, same agent — the only difference is the skill.

Prompt“Make a 10-slide Instagram carousel about fitness nutrition myths and facts”
Beforegeneric AI agent
I can help you create an Instagram carousel on nutrition myths. You'd probably want to start by thinking about a hook for the first slide that makes people want to swipe through the rest. Then you could alternate between myth and fact slides to keep the rhythm interesting. Each slide should have some visual appeal—text, icons, or data graphics—so it doesn't just look like a wall of words.

For the copy, I'd keep it punchy and use a tone that fits your audience. Are you positioning this as educational, funny, motivational, or a mix? And do you have any brand colors or fonts you want to stick with? Do you have your own photos or graphics, or should I suggest a visual direction that works for carousels?
Afterwith Instagram Carousel Design and PNG Render
INSTAGRAM CAROUSEL: 10-Slide Fitness Nutrition Myths

BRAND DISCOVERY (First):
Visual Direction: Bold sans-serif (Montserrat), sport-premium aesthetic, high-contrast black-white-neon yellow
Color Palette: #000000 (black), #FFFFFF (white), #FFD700 (performance yellow)
Tone of Voice: Direct, science-backed, zero pseudoscience
Target: Gym-goers 25-40, skeptical of supplement marketing

BIG IDEA + HOOK:
"10 Lies Your Gym Bro Won't Question" → Positions as anti-bullshit authority
Emotional angle: Trust + relief ("finally someone says it")

SLIDE-BY-SLIDE STRUCTURE:

1. HOOK SLIDE (Swipe attention)
   Visual: Bold yellow text on black background
   Copy: "10 Lies Your Gym Bro Tells You (& The Truth)"
   CTA: "Swipe for reality"

2-3. MYTH #1 + FACT (Two-slide deep-dive)
   Myth: "You need to eat chicken every meal to build muscle"
   Fact: "Any protein hits 25g per serving. Eggs, fish, tofu, legumes all work."
   Visual: Split-screen (gym bro left, diverse proteins right)
   Graphic: Chart showing 20 protein sources, amino acid profiles

4-5. MYTH #2 + FACT
   Myth: "Carbs after 6pm turn into fat"
   Fact: "Timing doesn't matter. Total daily calories do. Post-workout carbs help recovery."
   Visual: Clock graphic showing identical results (morning carbs = evening carbs)
   Callout: "Real factor: Overeating > Timing"

6-7. MYTH #3 + FACT
   Myth: "Supplements are essential to get results"
   Fact: "95% of gains come from: training + sleep + eating enough protein. Supplements = 5%."
   Visual: Pyramid showing leverage (training base, supplements tip)
   Callout: "Spend money on a coach, not BCAAs"

8-9. MYTH #4 + FACT
   Myth: "Detox drinks flush toxins"
   Fact: "Your liver and kidneys already do that. Detox products have no clinical evidence."
   Visual: Icon of liver + kidney, green checkmark
   Copy: "If you have a working liver, you already detox."

10. CLOSING (CTA + Trust-building)
   Visual: Call-to-action box on yellow background
   Copy: "Want a personalized nutrition plan? DM for 15-min consultation ($0)."
   CTA: "Link in bio for free guide: 'Nutrition Myths Debunked'"
   Instagram Guide embed: Playlist linking to 5 carousel-related educational Reels

VISUAL SYSTEM (Applied to all 10 slides):
• Font: Montserrat Bold (headlines), Inter Medium (body)
• Icon set: Consistent gym-themed icons (barbell, plate, clock, etc.)
• Spacing: 24px padding, 16px between sections
• Aspect ratio: 1080x1350px (Instagram vertical format)

COPY VOICE CONSISTENCY:
• No hype words (avoid: "amazing", "revolutionary")
• Every claim cite-able (Myth slides include citation, e.g., "Journal of Sports Science 2023")
• Direct address: "You've probably heard..."

DELIVERABLES:
• 10x PNG slides (downloadable, ready to upload)
• HTML preview (scroll through all slides in-browser before posting)
• Caption copy for Instagram post
• Hashtag recommendations: fitness, nutrition, myths, gym
• Performance tracker: When posted, monitor swipe-through rate + saves (target >35% swipe rate by slide 10)

NEXT STEP:
A/B test: Post this carousel + create alt version with humor tone (vs science tone) to same audience. Measure which gets more saves + shares.

About this skill

Your carousels get likes but no swipes. The cover reads like a blog title, the slides are packed with paragraphs nobody can read on a phone, and what you get from AI is a description of a design instead of slides you can post. This skill writes the carousel around one hook-first idea and builds it as real, pixel-exact slides.

What it does

  • Turns a topic, blog post, or script into one big idea and a slide arc that fits the content (no padding to 10 slides)
  • Writes a cover with real tension and a slide 2 that works as a second hook
  • Applies hard design limits: 1080x1350 canvas, minimum type sizes, word caps per slide, safe margins, a 3-color palette with contrast checks
  • Sets up a small brand token system (colors, two fonts, layouts) that you can reuse on every carousel
  • Builds one self-contained HTML file for all the slides and, in a coding environment, a Playwright script that exports numbered PNGs
  • Reviews carousels you've already made and ranks the fixes: cover, slide 2, density, contrast, CTA

What you get

A slide plan with final copy and visual notes, brand tokens, the HTML render file (plus an export script when you can run code), a caption, and alt text for every slide.

Best for

Creators, coaches, consultants, and small-brand marketers who post educational carousels and want a consistent, designer-quality look without opening Canva for every post.

SKILL.md preview

SKILL.md
---
name: instagram-carousel-design-render
description: Plans, writes, and designs Instagram carousels from start to finish. It builds a hook-first slide arc, tight per-slide copy, and a small brand token system, then writes one HTML file that renders every slide at 1080x1350 for PNG export. Use when the user says "turn this topic into an Instagram carousel", "design carousel slides for my brand", "make PNG slides I can post", "repurpose this blog post into a carousel", "my carousels get no swipes", "nobody gets past my first slide", "my slides look cluttered on mobile", or "build me a carousel template in code".
---

# Instagram Carousel Design and PNG Render

… (sign up to view the full skill)
Sign up to view, copy, and install the full skill

More design skills

View all Design skills →

Rhinestone Clipart Studio

Use when the request is for rhinestone, gemstone, crystal, or jeweled-brooch style character clipart — generating a new faceted-gem characte

Design

Design Critique with Prioritized Fix List

Critiques a UI, landing page, or layout against its goal and returns ranked fixes with exact sizes, spacing, and contrast ratios.

Design

Native iOS and Android Screen Design and Review

Screen specs and mockup reviews for iOS and Android apps that use correct navigation, touch targets, type scales, safe areas and states.

Design

Interactive Concept Explainer (Single HTML File)

A one-file HTML explainer with sliders, steps, and a baseline that teaches one concept, with its math stated and checked by hand.

Design