happycapy-ai/happycapy-skills/world-class-carousel

Claude Code and agent skill by happycapy-ai/happycapy-skills

Trust tier 3
  • community
Source check pending

Checking that the SKILL.md file is still in the repository.

Generate world-class Instagram carousel content on any topic. Produces 7-10 publication-ready slides (1080x1350) with AI-generated visuals, precise typography, Instagram music recommendations, optimized captions, and hashtags. Uses Aristotelian first-principles framework with 7 content archetypes, 6 hook patterns, a mandatory Bullshit Test quality gate, and a comprehensive design system. Fully generalized -- works for ANY topic. Triggers: instagram carousel, create carousel, carousel post, make carousel slides, instagram slides, carousel content, slide deck for instagram, swipeable post

Install

npx vskill@latest install happycapy-ai/happycapy-skills/world-class-carousel

SKILL.md

World-Class Instagram Carousel Generator

Generate Instagram carousels that are genuinely world-class: content people save, share, and come back to. Not engagement bait. Not AI slop. Actual value, delivered through precise visual design and narrative structure.

This skill is fully generalized. It contains FORM (structure, principles, patterns), not MATTER (specific topics). The user provides the matter (topic); the skill provides the form (archetypes, design system, music matrix, quality gates). Together they produce the carousel. Nothing is hardcoded.


BEFORE YOU START: Read KNOWN_ISSUES.md

Before generating ANY carousel, read /home/node/.claude/skills/world-class-carousel/KNOWN_ISSUES.md. It contains compressed rules from all previous sessions -- data format gotchas, sizing rules, visual strategy decisions, and quality gates. Ignoring it means repeating solved mistakes.


EXECUTION PIPELINE

When the user requests a carousel, execute these 6 phases in order (Phase 6 runs post-delivery):

PHASE 1: RESEARCH & STRUCTURING
  1. Analyze the topic -- What is the core insight? What specific value can this deliver?
  2. Identify the audience -- What does the target audience NOT already know? What's their current understanding?
  3. Auto-detect content vertical and theme -- Use the Content Vertical Detection table below
  4. Select the archetype -- Which of the 7 carousel archetypes (see below) fits best? Use the Archetype Selection Guide below. Auto-select unless the user specifies.
  5. Design the narrative arc -- Map each archetype role to a renderer slide type using the Role-to-SlideType Mapping below. Ensure each slide creates a curiosity gap that the next slide resolves.
  6. Run the Bullshit Test on the outline -- Does every slide pass? (See QUALITY GATE below)
Content Vertical Detection (Topic -> Theme)

Analyze the topic and auto-select the renderer theme:

Content VerticalKeywords/SignalsRenderer ThemeBackground Style
Tech / AI / CodingAI, code, developer, API, tools, stack, programming, SaaS, datadarkgradient (default)
Business / Strategygrowth, revenue, startup, founder, marketing, sales, strategy, scaleearthgradient
Education / How-Tolearn, tutorial, guide, roadmap, beginner, master, course, how tocleangradient
Creative / Designdesign, UX, brand, visual, aesthetic, portfolio, creativedarkgradient_mesh
Mindset / Philosophymindset, habits, productivity, stoic, growth, mental, philosophywarmgradient

If the user specifies a brand config with a theme, always use that instead.

Content Category Selection (10 Categories, Aristotelian)

Each category has unique visual DNA derived from psychology axioms (Cialdini, cognitive load theory, dual coding, serial position effect). Select based on topic:

If the topic is about...CategoryArc ShapeHook StylePrimary Cialdini
Explaining a research paperpaper_decoderRevelatoryFace + paper panelAuthority
Comparing AI tools/modelstool_showdownDivergentMulti-screenshot face-offSocial Proof
Today's AI developmentbreaking_newsConvergentNews-editorial faceScarcity
Step-by-step AI tool how-totool_tutorialLinearPhone-in-hand / device mockupReciprocity
Controversial opinionhot_takeConfrontationalBold abstract typographyAuthority
Copy-paste prompts/templatesprompt_playbookDivergentPhone screenshot mockupReciprocity
Complete sector overviewindustry_mapDivergentMulti-person face-offAuthority
Build [X] with AI projectbuild_thisLinear+RevealMulti-device result showcaseSocial Proof
Funding/business newsfounders_moneyConvergentFounder portrait + dataScarcity
Future predictions/timelinefuture_scenarioRevelatoryAbstract cinematic AI imageryScarcity

Universal Psychology Rules (apply to ALL categories):

  • Max 4 information chunks per slide (Cognitive Load Theory, Sweller)
  • Pattern interrupt every 2-3 slides (diagram, comparison, color shift, or layout change)
  • Density wave: H-M-H-M-H-H-M (never 3 high-density slides consecutively)
  • Synthesis slide = THE save trigger (Serial Position Effect: last items remembered best)
  • Dual-code the hardest concept (Paivio: visual + text = 6.5x retention)
  • CTA matches save trigger: utility categories → "Save this", social categories → "Share/Comment"

Category-to-Slide-Sequence Quick Reference:

  • paper_decoder (9 slides): hook → body → diagram → body → body → diagram → body → synthesis → cta
  • tool_showdown (8 slides): hook → body → comparison → body → body → comparison → synthesis → cta
  • breaking_news (8 slides): hook → body → body → body → diagram → body → synthesis → cta
  • tool_tutorial (8 slides): hook → body → tool → tool → tool → body → synthesis → cta
  • hot_take (7 slides): hook → body → body → body → body → synthesis → cta (text-driven, no diagrams)
  • prompt_playbook (9 slides): hook → body → body → body → comparison → body → body → synthesis → cta
  • industry_map (9 slides): hook → diagram → body → body → body → comparison → diagram → synthesis → cta
  • build_this (8 slides): hook → body → tool → tool → tool → body → synthesis → cta
  • founders_money (7 slides): hook → body → body → body → diagram → synthesis → cta
  • future_scenario (8 slides): hook → body → body → diagram → body → body → synthesis → cta
Role-to-SlideType Mapping

Map each archetype role to a renderer slide type when building the carousel spec:

Archetype RoleRenderer Slide TypeNotes
hookhookUse title + title_highlight for split title effect
intro, context, reveal, beforebodyUse title_highlight for the key phrase
step, component, layer, shift, evidence, actionbodyUse bullets for key points
itembodyUse title_highlight for the item name, bullets for details
diagram, connectiondiagramUse diagram_nodes with vertical or horizontal layout
contrast, reframecomparisonUse columns with opposing views
result, after, lesson, implicationbodyUse title highlight to emphasize the key outcome
synthesissynthesisUse points[] for numbered key takeaways
ctactaUse handle, cta_text, optional stats[]
bonus, pitfalls, predictionbodyUse bullets for listed points
PHASE 1.5: VISUAL STRATEGY DECISION (Before Writing Content)

Before writing any content, decide the visual strategy for this carousel. You have access to multiple tools -- choose the right ones for the topic.

Available Visual Tools Inventory
ToolWhat It DoesWhen to UseHow to Invoke
AI Cinematic ImagesHD photorealistic/artistic images (Gemini 3 Pro)Hook/CTA backgrounds, emotional priming, conceptual anchoringgenerate-image skill with hyper-detailed prompt (50+ words)
AI Flowcharts/DiagramsProduction-quality flowcharts with text labels, arrows, boxesProcess flows, pipelines, decision trees -- REPLACES TikZ for better visualsgenerate-image skill with structural prompt describing boxes + connections
AI Architecture DiagramsBlueprint-style system diagrams with components and connectionsMicroservices, tech stacks, system designgenerate-image skill with component/connection prompt
AI Infographics/ChartsBar charts, data visualizations with accurate labels and proportionsMarket data, statistics, comparisonsgenerate-image skill with data + style description
AI Abstract BackgroundsNeural networks, geometric patterns, cosmic visualsSlide backgrounds via ai_bggenerate-image skill with atmosphere/material prompt
TikZ DiagramsVector flowcharts in LaTeX (basic but reliable)Simple 3-5 node flows where AI image gen is overkillUse diagram slide type with diagram_nodes
Gradient BackgroundsTikZ-rendered gradient fills with geometric accentsDefault for all text-only slidesSet bg_style: "gradient" in slide data
CRITICAL: Slide-Type Visual Rule (Experimentally Verified)

This rule was established through controlled A/B experiments (7 strategies, same content, scored 1-10). It overrides gut instinct:

Slide TypeVisual StrategyWHY (Experimental Evidence)
Hookai_bg full-bleed + 0.60-0.68 overlayScroll-stopping power. First slide = 80% of engagement. Score: 8.0/10
BodyTEXT-ONLY. No images.Images on body slides destroy 40% of content space. Text-only scored 8.3/10 vs 5.7/10 with images
DiagramAI-generated diagram as `ai_bg` (preferred) OR TikZ fallbackGemini 3 Pro generates production-quality flowcharts with readable labels, arrows, and boxes. Far more visually striking than basic TikZ. Use ai_bg + 0.55-0.65 overlay so text remains readable over the diagram.
SynthesisText-onlySave-worthy reference material. Images would reduce information density.
CTAai_bg full-bleed + 0.65-0.70 overlayEmotional close with visual punch.

DO NOT put AI images on body slides. This was the single biggest quality mistake found in testing. DO NOT use browser screenshots on any slides. They always look terrible embedded in carousel slides.

Visual Strategy Decision Matrix (Topic-Level)

For each topic, determine the primary visual mode, background style, and which slide-level visuals to use:

Topic TypeBackground StyleHook VisualBody VisualsDiagram StrategyExample
Philosophy / MindsetgradientAI image: symbolic figureNone (text carries weight)AI-generated concept mapStoic principles: marble bust + storm
Tool Review / SaaSgradient or gradient_meshAI image: abstract tech glowNone (text-only bullets describe tools)AI-generated comparison chart"6 AI Tools": text descriptions + AI chart
News / Current EventsgradientAI image: dramatic sceneNone (text with citations)AI-generated timeline or power map"AI War 2025": cinematic + AI power map
Technical Tutorialgradient (clean)AI image: conceptual diagramNone (step-by-step text)AI-generated architecture/flowchart"Deploy with Docker": AI architecture diagram
Business / StrategygradientAI image: bold abstractNone (text with real data citations)AI-generated bar chart or funnel"Growth Hacking": AI infographic
Comparison / Versusgradient_meshAI image: abstract contrastcomparison slide type columnsAI-generated side-by-side chart"React vs Vue": comparison columns + AI chart
Creative / Designgradient_mesh (dark)AI image: artistic/gallery qualityNone (text-only)AI-generated process flow"UX Trends 2025": artistic + AI flow
Framework / Mental ModelgradientAI image: system metaphorNone (text explains components)AI-generated flowchart (preferred over TikZ)"OODA Loop": AI flowchart as ai_bg
Data / ResearchgradientAI image: data visualization conceptNone (text with specific numbers)AI-generated bar chart / infographic"AI Market 2025": AI bar chart
AI Image Generation Best Practices

This is the start of the file. Read the full SKILL.md on GitHub.

Security

  • Security scanPassed, 90 of 100Pattern checks on the skill's files.
  • Model reviewPassed

Quality evaluation

  • Task evaluationNot runNo evaluation yet. Run one in Skill Studio.

Source

Popularity

Repository stars
137
Repository forks
30
7-day trend score
25

Stars and forks are for the whole GitHub repository, not this skill alone. Not refreshed yet.

Works with

Any agent vskill installs to: 56 targets in all. These 39 have a page on this site.

  • Claude Code
  • Cursor
  • GitHub Copilot
  • Windsurf
  • Codex
  • Gemini CLI
  • Cline
  • Amp
  • Roo Code
  • Goose
  • Continue
  • Kilo Code
  • Junie
  • Trae
  • OpenHands
  • Qwen Code
  • AI Agent
  • Tabnine Chat
  • Sourcegraph Cody
  • Amazon Q
  • Firebase Genkit
  • Sweep
  • Devin
  • Phind
  • Mentat
  • Claude Desktop
  • Aider
  • GPT Pilot
  • Plandex
  • bolt.new
  • v0
  • Replit Agent
  • Anse
  • TypingMind
  • BetterChatGPT
  • LibreChat
  • Warp AI
  • Pieces
  • Fig AI
Embed badge
vskill VERIFIED badge
[![vskill VERIFIED](https://verified-skill.com/api/v1/skills/happycapy-ai/happycapy-skills/world-class-carousel/badge)](https://verified-skill.com/skills/happycapy-ai/happycapy-skills/world-class-carousel)

Something wrong with this skill or its page? Tell us.