mcpField
S
social-carousel

social-carousel

github.com/nexu-ioMarketing & growth9.3k42 installsUpdated 2w ago
Repository

About social-carousel

A design skill for creating three-card, square social carousels with a headline that continues across the cards. It specifies each card’s content and a shared, gradually shifting palette.

Key features

  1. 01Three 1080×1080 square cards
  2. 02Headline split across three cards
  3. 03Brand mark and card numbering
  4. 04Visual focus and closing CTA
  5. 05Coordinated palette with gradual shifts

Use cases

  1. 01Creating a three-part social post
  2. 02Presenting a message across linked cards

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/nexu-io/html-anything --skill social-carousel

After installing, type/social-carouselin Claude Code to confirm it loaded.

Bundled filesexample.html

Details

From the project README

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

Comments

Markdown supported