免费
双色图文
珊瑚红和深青色套印的 3:4 组图，带半色调网点和超大字号
安装
把“双色图文”技能安装到 ~/.claude/skills/two-ink-carousel。 下载下面每个文件，保存到这个文件夹： https://skilllift.pages.dev/packs/two-ink-carousel/SKILL.zh.md → SKILL.md https://skilllift.pages.dev/packs/two-ink-carousel/references/style.md → references/style.md https://skilllift.pages.dev/packs/two-ink-carousel/assets/template.html → assets/template.html https://skilllift.pages.dev/packs/two-ink-carousel/scripts/export.mjs → scripts/export.mjs https://skilllift.pages.dev/packs/two-ink-carousel/scripts/check.mjs → scripts/check.mjs 然后读一遍 SKILL.md，告诉我它是做什么的，并提醒我开一个新会话。
解压到 ~/.claude/skills
同一个技能，不同的需求
左边是预览。右边由另一个 Agent 按不同需求制作，它只有安装好的技能，没看过预览。
这是按虚构需求做的一次测试。系统字体不同时，字形可能略有差异。
生成 3:4 的社交图文组图（1242x1656 PNG），效果像双色印刷品：奶油色纸底、荧光珊瑚红和深青色套印、半色调网点、超大字号。不需要图像生成模型。当用户要做小红书或类似平台的多图笔记、轮播图文时使用，中英文都可以，适合任何能写成短文字卡片的主题。
交付前必须通过
- 最终的
carousel.html运行check.mjs后退出码为 0 export.mjs退出码为 0，每张卡片都有一张 1242x1656 的 PNG- 它报告的字体都在
references/style.md的列表里 - 每张 PNG 都按原尺寸和手机尺寸看过
- 手机尺寸下每个标题都看得清，没有别扭的断行
- 封面能看到珊瑚红和深青色的套印，图形和模板一致
- 所有文案都是用户要求的语言
- 没有编造的经历、效果、引语，也没有医疗或财务断言
caption.md已保存，没有发布任何内容
阅读完整 SKILL.md
--- name: two-ink-carousel description: 生成 3:4 的社交图文组图（1242x1656 PNG），效果像双色印刷品：奶油色纸底、荧光珊瑚红和深青色套印、半色调网点、超大字号。不需要图像生成模型。当用户要做小红书或类似平台的多图笔记、轮播图文时使用，中英文都可以，适合任何能写成短文字卡片的主题。 version: 1.0.0 --- # 双色图文 你要做的是往固定模板里填内容。视觉全部写在 `assets/template.html` 里，所以你负责文案和检查，不负责设计。颜色、字体、字号和每个位置的字数上限见 `references/style.md`。 ## 运行环境 - Node.js 22 或更高版本 - Playwright 和 Chromium：在你的工作目录运行 `npm install playwright && npx playwright install chromium` ## 需要问用户的内容 已经知道的就不用再问： 1. **主题和核心信息**：希望读者记住什么？ 2. **读者**：写给谁看？ 3. **要点**：2 到 6 个要点，或者可以提炼要点的原始材料。 4. **语言**：简体中文或英文。 5. **事实依据**：用户希望放进去的真实数字、出处或案例。只用用户提供的或你能核实的内容。 ## 步骤 1. 在 skill 目录之外新建工作目录，把 `assets/template.html` 复制为 `<工作目录>/carousel.html`。 2. 规划整组内容：3 到 12 张，第一张是封面，最后一张是结尾。常见结构是封面、2 到 6 张要点、可选的清单或金句、结尾。 3. 留下要用的 `LAYOUT` 块，删掉其余的。同一版式要用多次时，连同注释标记复制整块。要点卡按 `point/a`、`point/b`、`point/c` 的顺序用，并把 `data-num` 改成对应序号。 4. 替换每个 `data-slot` 元素里的文字，不要超过 `data-max` 的字数。除了 `<title>` 的文字，其他都不要改；英文内容还要把 `<html>` 的 `lang` 改为 `en`。 5. 用心写标题：用 `<br>` 按语义断行，用 `<em>` 标出最重要的那个词。字号由模板按固定档位自动选择。 6. 先检查，再导出。报错时改文案，不要改模板，改完两条命令都重新运行： ``` node <skill目录>/scripts/check.mjs carousel.html node <skill目录>/scripts/export.mjs carousel.html output ``` 7. 按原尺寸和约 390 像素宽分别查看每张 PNG。如果标题字号掉到很小的档位，或者断行别扭，就缩短或重新断行，然后再次导出。 8. 写 `output/caption.md`：标题、一小段正文、3 到 5 个话题标签。 ## 交付内容 - `carousel.html`：填好内容的模板 - `output/1.png` 及后续图片：每张卡片一张 PNG，尺寸 1242x1656 - `output/caption.md`：笔记文案 保存好文件后告诉用户存放位置。绝不发布、上传或定时发送，也不要打开任何平台账号。发不发、发到哪里，由用户决定。 ## 内容规则 - 不编造个人经历、客户案例、引语、效果或数据。 - 不写医疗或财务方面的断言，不承诺任何结果，比如赚钱、健康改善或节省时间。 - 例子只写能说明方法的通用表述，用岗位称呼，不虚构具体的人。 - 金句版式只用于真实可查的出处，或这组内容自己的观点，并如实标注。 ## 交付前检查 - [ ] 最终的 `carousel.html` 运行 `check.mjs` 后退出码为 0 - [ ] `export.mjs` 退出码为 0，每张卡片都有一张 1242x1656 的 PNG - [ ] 它报告的字体都在 `references/style.md` 的列表里 - [ ] 每张 PNG 都按原尺寸和手机尺寸看过 - [ ] 手机尺寸下每个标题都看得清，没有别扭的断行 - [ ] 封面能看到珊瑚红和深青色的套印，图形和模板一致 - [ ] 所有文案都是用户要求的语言 - [ ] 没有编造的经历、效果、引语，也没有医疗或财务断言 - [ ] `caption.md` 已保存，没有发布任何内容 ## 不适合使用的情况 - 内容依赖照片、截图、产品图或复杂图表。 - 用户必须使用自己的品牌色或字体，而这个风格只有两种油墨。 - 主题需要安静克制的语气，比如悼念、危机或医疗消息。 - 内容是长文阅读，或者只有一个观点，不需要做成一组图。 ## 导出说明 - 在运行脚本的位置安装 Playwright（npm install playwright）。 - 输出文件夹可以自选。用户指定了位置时，就导出到那里。 - 封面最多三行。三行时标题字号会下降一档，所以优先写两行。 - 示例标签用符合内容的短词，中文不超过四个字。 - 脚本判断不了事实。请人工确认没有编造故事、结果或医疗理财类断言，并按手机尺寸逐张查看。
