Instagram 轮播帖
生成两部分内容：(1) 脚本 + 文案 以及 (2) 幻灯片 PNG，准备好直接发布。
规则源自对真实高互动轮播帖的分析以及用户反馈（见 references/）。
工作流程
1. 简报（仅询问缺失的信息）
- 主题 / 内容：要传达什么，或可用的照片/数据。
- 目标：覆盖（分享）、收藏（实用价值）、线索（评论关键词→私信）、销售或作品集展示。
- 品牌：@用户名、颜色、字体、Logo。若没有，则选择一套适合主题的体系并告知你选择了什么。
- 图片：用户的照片、免费图库或无需图片。阅读
references/images.md。你不会生成图片或编造照片。 - 文案语言（默认：用户的语言）。
如果请求已包含足够信息，则直接开始，不再询问。
2. 选择原型
| 场景 | 原型 |
|---|---|
| 教学、对比、技巧、流程、"X 个错误"、"前后对比" | A. 教育/列表 |
| 展示摄影作品、产品或包含多张照片的项目 | B. 作品集/照片转储 |
| 设计以连续条带形式呈现的品牌、产品或氛围（全景、连续背景） | C. 连续/全景 |
| 具有相同数据结构的多个项目（比赛、活动、菜单、价格、职位） | D. 系列模板 |
| 文字量少、个人品牌、故事讲述、戏剧/编辑风格，附带人物或场景照片 | E. 电影级 |
原型可以组合：教育型轮播帖（A）可以拥有连续背景（C）或电影级照片（E）。
编写前阅读：
references/archetypes.md：所选原型的对应章节references/continuity.md：始终阅读，因为每个轮播帖都需要滑页之间的连续性references/fonts.md：始终阅读，选择新的字体搭配references/colors.md：始终阅读，选择 "2 基础 + 1 强调色" 色板（除非品牌已有颜色）references/copy.md：钩子、行动号召和文案references/apple-design.md：最小尺寸、对比度、工艺和审查
2b. 视觉系统：规划与批评
在脚本之前，定义系统（references/apple-design.md › 4）：
- 颜色：从
references/colors.md中选择色板（2 基础色 + 1 强调色 ≤ 10%），不同于上一次使用的色板，或按相同模式排列的品牌色。说明每个文本/背景对的对比度（node scripts/contrast.mjs <文本> <背景> <px>）。 - 字体：在
references/fonts.md中选择一组不同于上一次使用的搭配（记录在references/font-history.md中）。说明字号（以 px 为单位，最小 31px；支持文本 ≥ 44px）。 - 连续性：连接各滑页的技巧（连续背景、跨页元素、分割标题……）。至少必须实现 1→2 的链接。
- 标志性元素：轮播帖将被记住的单一元素。
然后批评该计划："我会为不同的主题制作这个吗？" 如果答案为是，则说明它是默认模板（参见需要避免的 3 种模板外观）。在继续前进行修改。
3. 脚本（交付给用户）
格式：
原型: E — 电影级（+ 通过分割标题实现的连续性）
系统: 午夜金色色板 (#0D1B2A + #D9DEE4 + 强调色 #E2B13C) · Bodoni Moda + Pinyon Script + DM Sans · 颗粒 + 暗角
连续性: 1→2 标题 "DETA|IL" 在接缝处被切断；3→4 书桌跨越接缝
标志性元素: 每张幻灯片一个巨大词语，使用表现力字体，位于主体后方
01 · 封面 | 标题：… | 副标题：… | 视觉：… | 链接到 02：…
02 · … | 标题：… | 文本：…（≤ 15 词）| 视觉：…
…
NN · 行动号召 | …
文案：
…
话题标签 / 关键词：
…
图片：所需照片列表（附每张照片的来源或建议的提示词）
如果用户希望先检查脚本，则在此处停止并等待。否则继续到幻灯片制作。
4. 构建幻灯片（HTML）
-
复制
assets/kit/到<output>/kit/（提供kit/base.css和kit/carousel.js）。 -
从
assets/examples/中最接近的示例开始，将其复制到<output>/carousel.html，然后编辑品牌、字体和内容：示例 展示内容 A-educational.html对比和框架，带有连接 1→2 的圆盘 B-portfolio.html照片拼贴 C-continuous.html跨越幻灯片的框架全景图 C2-continuous-background.html连续模糊背景，产品位于接缝处 D-series.html使用 data-fit的重复模板E-cinematic.html满版照片、色调分级、使用表现力字体的巨大词语 -
套件规则（详情见
references/design.md）：- 每张幻灯片是 `<section class=