Instagram Carousel Generator 是一个用于创建 Instagram 轮播图（Carousel）的技能，最终产出为可滑动预览的 HTML，并可将每张幻灯片导出为独立的 1080×1350px PNG 图片。
用途 该技能面向需要制作 Instagram 轮播图的场景，覆盖从品牌设置到幻灯片导出 PNG 的完整工作流。
主要能力
- 生成完全自包含、可滑动的 HTML 轮播图，每张幻灯片均可导出为 1080×1350px PNG。
- 收集品牌信息：品牌名（显示在首尾幻灯片）、Instagram 账号（显示在 IG 框架头部）、主品牌色（十六进制或由 Claude 选择）、Logo（SVG 路径、品牌首字母或跳过）、字体偏好、语气、图片、幻灯片语言（默认 Português (BR)）、轮播格式（标准 7 张或替代序列）。
- 若用户提供网站 URL 或品牌资产，可从中推导颜色和风格。
- 从单一主品牌色推导完整六色配色系统：BRAND_PRIMARY、BRAND_LIGHT、BRAND_DARK、LIGHT_BG、LIGHT_BORDER、DARK_BG，并定义品牌渐变。
- 根据字体偏好从 Google Fonts 选择标题字体和正文字体，并提供固定字号比例。
- 提供多种幻灯片序列：标准（7 张）、清单式（5–10 张）、教程（7 张）、对比（5 张）。
- 每张幻灯片包含进度条（底部）和滑动箭头（右边缘，最后一张除外），并提供可复用组件：删除线胶囊、标签胶囊、提示/引用框、功能列表、编号步骤、色块、CTA 按钮、标签/分类标签、Logo 组合。
- 在聊天中显示时，包裹在 Instagram 风格框架中，包含头部、视口、圆点指示器、操作图标和说明文字，并支持指针滑动/拖拽交互。
使用方式
- 收集品牌细节：在生成前询问用户品牌名、Instagram 账号、主品牌色、Logo、字体偏好、语气、图片、幻灯片语言、轮播格式。若用户未提供品牌细节，需先询问，不要假设默认值。
- 处理用户提供的图片：始终以 base64 data URI 嵌入，绝不使用相对路径或 background: url(filepath)；始终通过 Python 的 Path.write_text() 生成 HTML，避免 shell heredoc 插值破坏 base64 字符串；使用 file 命令检测实际文件格式。
- 推导完整配色系统：根据主色生成六色令牌，并遵循 LIGHT_BG、DARK_BG、LIGHT_BORDER 的推导规则。
- 设置排版：根据字体偏好选择标题和正文字体，应用固定字号比例，通过 CSS 类 .serif 和 .sans 应用。
- 设计幻灯片：遵循首张 Hook 规则，按选定序列组织幻灯片，每张幻灯片包含进度条和滑动箭头，使用可复用组件。
- 预览与审核：先生成 HTML 预览，展示并询问需要调整的幻灯片，仅修复提及的幻灯片，用户明确确认后才导出。
- 导出 PNG：使用 Playwright，保持 420px 布局宽度，通过 device_scale_factor 缩放至 1080px 输出，每张幻灯片导出为独立 PNG。
适用场景
- 制作 Instagram 轮播图内容，如工具清单、错误列表、技巧分享、教程、对比等。
- 需要品牌化、可导出为 PNG 的社交媒体图片。
- 需要快速生成多张幻灯片并预览调整的工作流。
限制
- 默认幻灯片语言为 Português (BR)，除非另有指定。
- 导出依赖 Playwright 和 Chromium，需检查并安装。
- 图片必须 base64 嵌入，且需检测实际格式。
- HTML 必须通过 Python 生成，不能使用 shell 脚本插值。
- .ig-frame 必须精确为 420px 宽，轮播视口为 420×525px，不可更改，导出依赖此宽度。
- 审核流程要求先预览，用户明确确认后才能导出。
- 资料中未提供收费、价格、平台支持范围等具体信息。