content-instagram-carousel

Community

Export-ready Instagram carousels in HTML

Authorluuspoo-create
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Quickly produces fully export-ready, swipeable Instagram carousels as self-contained HTML so users do not need to design, code, or stitch slides manually; it enforces consistent branding, export settings (1080×1350 PNG), and Instagram-friendly layout (4:5, 7 slides).

Core Features & Use Cases

  • Complete HTML Carousel: Generates a self-contained 7-slide 4:5 carousel with swipe logic, progress bar, logo corner, footer handle, and optional thematic background images.
  • Brand & Export Ready: Chooses or applies a color palette, embeds a Base64 logo for the corner and CTA slide, and supports PNG export at 1080×1350px.
  • Design & Interaction: Implements mix-blend-mode image overlays, accessible spacing, swipe JS, and a preview frame for Instagram layout.
  • Use Cases: Social media campaigns, classroom visual summaries, lesson slide decks adapted for Instagram, product feature teasers, and quick marketing posts.

Quick Start

Generate a 7-slide export-ready Instagram carousel about [TOPIC] including the Instagram handle @yourhandle, let the skill choose the color palette and background images, and return a self-contained HTML ready for PNG export.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: content-instagram-carousel
Download link: https://github.com/luuspoo-create/claude-bildungs-skills/archive/main.zip#content-instagram-carousel

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.