Skill6.7k repo starsupdated 11d ago

social-carousel

The social-carousel skill creates a three-card square carousel design optimized for social media platforms, with each 1080×1080 card displaying sequential portions of a single headline that spans across all three cards. Use this when promoting content that benefits from a continuous narrative arc across multiple posts, with the first card establishing context and branding, the second highlighting visual impact, and the third including a call-to-action with a loop icon to encourage carousel interaction.

View source Repository: html-anything

Install in Claude Code

Copy

git clone --depth 1 https://github.com/nexu-io/html-anything /tmp/social-carousel && cp -r /tmp/social-carousel/next/src/lib/templates/skills/social-carousel ~/.claude/skills/social-carousel

Then start a new Claude Code session; the skill loads automatically.

Definition

SKILL.md

【模板: 三联社交轮播 / 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 拼起来是完整一句话