skills.rest
az9713
az9713COMMUNITY
Explore all skills by this author →
GitHub

social-carousel

Generate a three-panel 1080x1080 social carousel as a self-contained HTML artifact.

Updated May 2, 2026
Search Tags:#design#branding#layout#linkedin#instagram#x#social-carousel
One-click install
npx skills add https://github.com/az9713/open-design-tutorial --skill social-carousel-az9713
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: social-carousel
Source: https://github.com/az9713/open-design-tutorial/tree/main/skills/social-carousel
Command: npx skills add https://github.com/az9713/open-design-tutorial --skill social-carousel-az9713

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Three-card social carousels let brands tell cohesive, on-brand stories across multi-panel posts without manual design toil.

Core Features & Use Cases

  • Three-panel, 1080×1080 stage with interconnected headlines and brand marks for Instagram, LinkedIn, or X.
  • Deterministic layout rules and design-system prompts to ensure consistency across posts.
  • Use Case: rapidly produce a three-part series that tells a narrative from panel to panel.

Quick Start

Design a 3-card cinematic social carousel at 1080×1080 with cohesive typography and a brand mark for a ready-to-publish multi-post campaign.

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 3-panel social carousel for Instagram and LinkedIn?▼

To create a 3-panel social carousel, this Skill generates a cohesive three-panel design on a deterministic 1080x1080 stage with interconnected headlines, typography, and brand marks for publishing across Instagram, LinkedIn, and X.

What is the standard size for a 3-card social carousel layout?▼

The standard size for a 3-card social carousel layout is a deterministic 1080x1080 stage. This square format ensures visual consistency and proper rendering across multi-panel posts on Instagram, LinkedIn, and X.

Can I generate a branded multi-post campaign without manual design work?▼

You can generate a branded multi-post campaign without manual design toil by using deterministic layout rules and design-system prompts. The output is a self-contained HTML artifact with consistent typography and a looping stamp.

Does this social carousel generator output images or HTML?▼

This social carousel generator outputs a self-contained HTML artifact rather than direct image files. The HTML contains the 1080x1080 stage, three connected cards, and brand marks for your campaign.

How do I ensure consistent branding across multiple carousel posts?▼

Consistent branding across multiple carousel posts is enforced through deterministic layout rules and design-system prompts. The three connected cards share unified typography, headlines, and a looping brand mark.

What's the best way to tell a narrative across three social media panels?▼

The best way to tell a narrative across three social media panels is using a cinematic 3-panel carousel design. It connects headlines and brand marks sequentially from panel to panel to form a cohesive story.

Related Skills

Explore More Design & Creative Skills→
smarocsmaroc
1

ads-static-generator

Generate branded static ad creatives from URLs or descriptions in feed and stories formats.

Community
Advanced
PiercingXXPiercingXX
1

social-carousel

Generate a three-card 1080×1080 HTML carousel with connected headlines and DESIGN.md typography.

Community
Intermediate
joshua3403joshua3403

phase-3-mockup

Generate structured HTML/CSS/JS prototypes from user prompts.

Community
Basic
sanky369sanky369
29

social-graphics

Generate platform-optimized social graphics for Instagram, LinkedIn, Twitter, TikTok, and Pinterest.

Community
Basic