carousel-instagram

Generate Instagram carousel HTML slides and export PNGs via html-to-image.

Updated Apr 29, 2026

Search Tags:#template #html #social media #design system #png export #instagram carousel #spanish content

Ready to run

npx skills add https://github.com/tokidev-ai/tokidev-skills --skill carousel-instagram

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: carousel-instagram
Source: https://github.com/tokidev-ai/tokidev-skills/tree/main/carousel-instagram
Command: npx skills add https://github.com/tokidev-ai/tokidev-skills --skill carousel-instagram

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires html-to-image, and includes assets (resource) components.

What problem does it solve?

Creates Instagram carousel HTML for @tokidev.ai-style visuals without requiring you to design colors, typography, or layout manually.

Core Features & Use Cases

HTML carousel generation: Builds a complete, open-in-browser carousel in the required 1080×1350 format.
Slide templating + consistent system design: Uses the bundled template to maintain consistent components (cards, pills, icons, handle, and CTA).
PNG export workflow: Exports each slide as an individual PNG at exact resolution using html-to-image.
Use case: Generate a multi-slide Spanish rioplatense carousel about a topic (e.g., “Optimización de tokens en IA”) and download all slides ready for Instagram.

Quick Start

Tell the skill in Spanish rioplatense: “Hacé un carrusel sobre Optimización de tokens en IA de 7 slides e indicá mi handle como @tu-cuenta.”

Frequently Asked Questions about carousel-instagram

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I generate an Instagram carousel and export the slides as PNG images?▼

To generate an Instagram carousel and export PNG images, specify your topic, handle, and slide count. The system builds multi-slide HTML on a fixed 1080x1350 canvas, then uses html-to-image to export each slide as an individual PNG at exact resolution.

What canvas size should I use for an Instagram carousel design template?▼

The correct canvas size for an Instagram carousel design template is a fixed 1080x1350 pixel resolution. This format ensures the generated HTML slides and exported PNGs meet Instagram's specific aspect ratio requirements for multi-slide posts.

Can I create Spanish social media content using an HTML design system for Instagram?▼

Yes, you can create Spanish social media content using an HTML design system for Instagram. The skill generates carousel content in Spanish rioplatense, applying consistent typography, colors, and layout components like cards, pills, and icons without manual design work.

Does html-to-image work for exporting multiple carousel slides at exact resolution?▼

Html-to-image does work for exporting multiple carousel slides at exact resolution. The skill enforces a fixed first and last slide structure with slide-count-driven IDs, allowing the dependency to capture each individual HTML slide and download it as a PNG file.

Do I need to manually code the layout when building an HTML carousel for social media?▼

You do not need to manually code the layout when building an HTML carousel for social media. The skill loads a bundled template that automatically maintains a consistent design system, including cards, pills, icons, handle watermarks, and call-to-action components.

What is the best way to add a custom handle or brand watermark to an Instagram carousel?▼

The best way to add a custom handle or brand watermark to an Instagram carousel is to specify your account name during generation. The skill automatically applies your custom handle across all slides using the predefined template components.