关于 social-carousel
用于制作三张方形社交轮播卡片的设计技能,标题跨卡片连成完整句子。它规定各卡片的内容安排,以及统一且渐变切换的配色。
主要功能
- 01三张 1080×1080 方形卡片
- 02标题分布在三张卡片
- 03品牌标记与卡片编号
- 04视觉重点与结尾 CTA
- 05统一并渐进切换的配色
适用场景
- 01制作三联社交媒体帖子
- 02用连续卡片呈现一条信息
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ nexu-io/ html-anything --skill social-carousel安装后在 Claude Code 中输入/social-carousel确认已加载。
附带文件example.html
README 原文English
来自项目 READMEREADME 暂无中文译文,以下为英文原文;中文介绍见上方。
【模板: 三联社交轮播 / 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 拼起来是完整一句话
评论
支持 Markdown