How to use the Social Carousel Designer agent skill

What the social-carousel skill makes the agent produce

An agent skill is a folder containing a SKILL.md file, which gives an AI agent specific instructions for a task. This one covers social carousel posts. When it runs, the agent produces a self-contained HTML page showing three 1080×1080 square cards that read as one connected series, such as 'onwards.' then 'to the next one.' then 'looking ahead.'.

Each card has a brand mark, a number out of total, a headline in serif type, a caption and a small 'loop' stamp. Backgrounds are built only from CSS gradients, not photos. The skill is a layout and copy-design template, not an image or video generator.

• Three square cards in a horizontal row that stack on narrow screens
• Serif display headlines with one italic accent word
• Mono type used for the index, the loop stamp and the captions
• A header strip with a series badge reading 'SERIES · 01 → 03'

Install the skill from the ZIP or the Claude apps

Download the ZIP for design-templates/social-carousel from this page and unzip it. For a personal setup, place the folder in ~/.claude/skills/. For a single project, place it in that project's .claude/skills/ folder. Either way, the folder should contain SKILL.md and example.html.

If you use the Claude apps instead, upload the skill under Settings → Capabilities → Skills. The agent must support SKILL.md skills for any of these methods to work.

• Personal use: ~/.claude/skills/
• Single project: .claude/skills/ inside the project
• Claude apps: Settings → Capabilities → Skills

Prepare a DESIGN.md file before you start

The skill requires a DESIGN.md file for the active project. The skill says this file is injected into the agent's context, and the agent uses it to pick the serif headline token and the mono token for stamps and counters. Without a design system, the colour and type choices will be generic.

Teams already using the Open Design system will find this fits their existing setup.

Trigger the skill with natural requests

You do not need special syntax. Ask for a carousel in ordinary words. The skill's trigger phrases include 'social carousel', 'carousel post', 'instagram carousel', 'linkedin carousel', 'x thread cards', 'social series' and 'three-part series'. It also responds to the Chinese triggers '三连发' and '轮播图'.

Give the agent a brief that includes the three captions, or let it propose them. The captions should read as one sentence when stacked, for example 'input.' then 'iterate.' then 'ship.'.

• Design a 3-card social carousel: 'onwards.', 'to the next one.', 'looking ahead.'
• Make an Instagram carousel with three square posts about our product launch
• Create a LinkedIn series of three cards on hiring, with a DESIGN.md in this project

Replace the example brand before real use

The template includes a hard-coded example brand name, 'Jerrod Lew', in the top-left wordmark of each card. Replace it with your own brand before publishing. The example.html file in the skill folder shows the finished layout you should expect.

The skill uses gradients only, so the 'cinematic photo' look is a suggestion, not real imagery. If you need publishable photos, you will need to source them separately.

• Change the wordmark text on every card
• Check the colour direction against your brand guidelines
• Add real photography yourself if the post needs it

Safety notes: scripts and network access

This skill runs no scripts and uses no network access, according to its listing. It contains two files, SKILL.md and example.html. Because it runs nothing, the risk is mainly about the content you publish, not the skill itself. Review the generated HTML and copy before posting anywhere.

• Runs scripts: no
• Uses network: no
• Licence: Apache-2.0