Skill6.7k estrellas del repoactualizado 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.

Ver fuente Repositorio: html-anything

Instalar en Claude Code

Copiar

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

Después abre una sesión nueva de Claude Code; el skill carga automáticamente.

Definición

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 拼起来是完整一句话

Del mismo repositorio

article-magazineSkill

Substack / Medium 高级感长文排版, 适合公众号、博客发布

blog-postSkill

杂志感长文, 含 masthead、hero、figures、pull quote、作者署名

card-twitterSkill

推特金句 / 数据卡, 适合配推文

card-xiaohongshuSkill

小红书风格知识卡片, 多张联排可滑动浏览

competitive-teardownSkill

定位图 + 功能矩阵 + 价格对比 + 机会窗口, 把竞品资料转成产品决策报告

dashboardSkill