social-carousel

Generate a three-panel social carousel as a single HTML document with inline CSS.

84.7k|9.9k|Updated Apr 28, 2026
One-click install
npx skills add https://github.com/nexu-io/open-design --skill social-carousel-nexu-io
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: social-carousel
Source: https://github.com/nexu-io/open-design/tree/main/skills/social-carousel
Command: npx skills add https://github.com/nexu-io/open-design --skill social-carousel-nexu-io

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Creating consistent, on-brand multi-panel social carousels manually is time-consuming and error-prone. This Skill provides a ready-to-run HTML/CSS framework that renders a three-panel carousel with cohesive typography, brand marks, and layout rules.

Core Features & Use Cases

  • Three-panel design that tells a connected story across cards and scales to different aspect ratios.
  • Brand-aware typography with serif headlines and mono captions and stamps for a cohesive, premium look.
  • Responsive layout that adapts from desktop to mobile without layout breaks.
  • Drop-in HTML/CSS artifact output: a single document suitable for quick deployment to social platforms.

Quick Start

Design a 3-card social carousel titled Onwards for a brand campaign and export it as a single HTML document.

Frequently Asked Questions about social-carousel

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

FAQPage Schema
How do I create a responsive social carousel for Instagram and LinkedIn?

A responsive social carousel is generated as a single HTML document with inline CSS, featuring a stage, three connected cards, brand marks, headlines, and captions that adapt fluidly from desktop to mobile layouts.

What is the best way to design a cohesive three-panel social media carousel?

A cohesive three-panel carousel is best built using a drop-in HTML and CSS framework that enforces consistent typography, serif headlines, and mono captions across all cards to sustain a connected narrative.

Can I generate a multi-card carousel layout without external CSS dependencies?

Yes, you can generate a multi-card carousel without external dependencies because the framework outputs a standalone HTML document with all CSS rules inline, ensuring quick deployment to social platforms.

Does this carousel template support brand-aware typography and custom marketing headlines?

Yes, the carousel template supports brand-aware typography by applying serif headlines and mono captions or stamps, allowing you to inject custom marketing campaign titles and brand marks across all three cards.

How do I export a three-card social carousel design for quick deployment?

To export a three-card social carousel design, the framework renders a single drop-in HTML artifact containing the complete stage, cards, and responsive layout rules, suitable for immediate deployment to social platforms.

When should I use a three-panel HTML carousel instead of static image posts?

Use a three-panel HTML carousel when a marketing campaign requires a cohesive narrative across cards with consistent typography and responsive layout rules that static image posts cannot dynamically adapt across desktop and mobile.