carousel

用途

carousel 是一个用于生成完整 Instagram 轮播图（carousel）的技能，目标是从一个主题出发，产出可直接发布或通过 AirDrop 分享的 PNG 图片。它把内容撰写、幻灯片渲染和交付整合为一条流水线。

主要能力

• 根据主题生成整套轮播图内容，包括标题、副标题、终端命令示例和角色分配。
• 使用保存的模板将每张幻灯片渲染为 1080x1440 的 PNG。
• 交付环节会打开文件管理器并列出所有文件及大小，在 Mac 上可通过 AppleScript 打开 Finder 并选中文件以便 AirDrop。
• 首次使用提供品牌设置向导，收集品牌信息、视觉风格并生成模板。
• 相关技能包括 /carousel-idea（头脑风暴主题）、/carousel-copy（仅生成内容）、/carousel-design（仅渲染已有 JSON）。

使用方式

调用命令：

/carousel [topic or description]

示例：

/carousel 5 tools every agency owner needs

/carousel how to automate client onboarding

/carousel （不带主题时会询问要创建什么）

首次使用会进入设置向导，分为四部分：

1. 品牌信息：品牌名称、社交账号、领域/行业、语气描述。
2. 视觉识别：头像图片路径、配色方案（提供 Cream & Terracotta、Dark Mode、Midnight Blue、Clean White、Warm Charcoal 预设或自定义三个十六进制色值）、字体方案（提供 Modern Tech、Bold Editorial、Clean Pro、Classic 预设或自定义两个 Google 字体名称）、角色/吉祥物图片路径（最少 1 张，理想 3-5 个姿势）。
3. 构建模板幻灯片：依次生成封面、内容页和 CTA/结尾页，每张渲染为 PNG 并打开预览，经用户确认后迭代。
4. 保存配置：将配置保存到 ~/.claude/skills/carousel/config.json，模板保存到 ~/.claude/skills/carousel/slide-template.html，构建脚本保存到 ~/.claude/skills/carousel/build-carousel.js，资源复制到 ~/.claude/skills/carousel/assets/，并安装 Puppeteer：

cd ~/.claude/skills/carousel && npm init -y && npm install puppeteer

日常流水线：

• 步骤 1 内容：生成所有幻灯片内容，展示给用户确认，等待 OK 后再渲染。
• 步骤 2 设计：使用保存的模板将每张幻灯片渲染为 1080x1440 PNG，运行 Puppeteer 并保存 PNG，读取样张验证输出。
• 步骤 3 交付：打开文件管理器，列出文件及大小，Mac 上通过 AppleScript 打开 Finder 并选中文件，其他系统打印输出目录路径。

适用场景

适合需要批量制作 Instagram 轮播图的品牌或个人，尤其是希望保持统一视觉风格、快速从主题生成整套图片并直接分享的场景。

限制

• 依赖 Node.js 和 Puppeteer，渲染前会检查，缺失时提供安装说明并停止。
• 配置和资源固定保存在 ~/.claude/skills/carousel/ 目录下。
• 渲染前必须获得用户对文案的确认，不能跳过。
• 若用户要求修改特定幻灯片，需更新 JSON 并仅重新渲染那些幻灯片。
• 文案确认后完整流水线应在 2 分钟内完成。
• 其他平台（非 Mac）的交付方式为打印输出目录路径。