Skill

/social-carousel

三张方形卡片轮播, 标题串联, 品牌 mark + 编号

shell

$ npx -y skills add nexu-io/html-anything --skill social-carousel --agent claude-code

Installs just this skill. Get the whole plugin for auto-invocation.

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfClaude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/social-carousel

Context preview

The summary Claude sees to decide when to auto-load this skill.

三张方形卡片轮播, 标题串联, 品牌 mark + 编号

Stats

Stars7,918

Forks772

LanguageHTML

LicenseApache-2.0

Ships with html-anything

SKILL.md

social-carousel.SKILL.md

---
name: social-carousel
zh_name: "社交媒体三联"
en_name: "Social Carousel"
emoji: "🎠"
description: "三张方形卡片轮播, 标题串联, 品牌 mark + 编号"
category: card
scenario: marketing
aspect_hint: "1080×1080 ×3"
featured: 7
tags: ["instagram", "linkedin", "thread", "carousel", "三联"]
---

【模板: 三联社交轮播 / Social Carousel】
【意图】3 张 1080×1080 方形卡片, headline 跨张串联。
【布局】
- Card 1: display headline (开头) + 品牌 mark + 1/3
- Card 2: display headline (中段) + 视觉重点 + 2/3
- Card 3: display headline (结尾) + CTA + loop icon + 3/3
【设计细节】
- 颜色统一一套调色板, 卡片之间渐进切换
- 三个 headline 拼起来是完整一句话