Menu
暖纸拼贴风海报。适合资源推荐、手账感摘要、生活方式内容；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
Installer avec Codex ou Claude Copiez ce prompt, collez-le dans Codex, Claude ou un autre assistant, puis laissez-le vérifier la page du skill et l'installer pour vous.
Basé sur la classification professionnelle SOC
| name | kkstyle-scrapbook-screenshot |
| description | 暖纸拼贴风海报。适合资源推荐、手账感摘要、生活方式内容；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。 |
| argument-hint | [topic or notes] |
| disable-model-invocation | true |
| metadata | {"clawdbot":{"requires":{"bins":["google-chrome","chromium","chrome"]}}} |
这个 skill 用来把原始信息做成“暖纸感、拼贴感、便签感”的海报，而不是亮蓝像素海豹风。
默认优先产出 3:4 的 scrapbook poster：纸张底、拼贴标题、便签摘要、两张主信息纸、上方日期条，以及固定二维码 + IP 右下角组合。
默认保持三个交付阶段，除非用户明确要求跳过：
先看内容适合哪种 scrapbook 卡：
信息少时，用便签、标签、纸条和结论卡把画面撑满。 信息多时，先归纳成三到五个块，再落到不同纸片上。
scrapbook 风格也必须先按比例排版，不要把一个网页硬缩放：
3:4：默认主结构。标题拼贴 + 右上重点纸卡 + 摘要纸条 + 两张主信息纸 + 上提的底部说明 + 固定二维码和 IP。4:3：适合横版摘要，左侧主纸张，右侧便签列。1:1：适合社媒方卡，控制便签数量，保持焦点集中。9:16：适合竖版故事封面，把标题和日期竖向拉开。16:9：适合横幅，减少段落，增加短标签和纸条。精确尺寸见 references/layout-presets.md。
默认视觉语言：
YYYY年MM月DD日。合作交流 二维码和 是卡卡呀 IP 组合。详细规则见 references/scrapbook-design-rules.md。
每张海报都必须带上固定右下角组合：
${CLAUDE_SKILL_DIR}/assets/contact-code.png 作为固定二维码位，下方文案 合作交流。${CLAUDE_SKILL_DIR}/assets/kk-character.jpeg 作为固定 IP 位，下方文案 是卡卡呀。日期条也默认固定显示：
YYYY年MM月DD日。输出给截图器的 HTML 必须是固定画布：
100vw / 100vh 作为主布局。html, body { margin: 0; }。推荐这些结构元素：
特别注意：
如果用户要求图片输出，先保存 HTML，再运行：
"${CLAUDE_SKILL_DIR}/scripts/capture_card.sh" input.html output.png 3:4
脚本会自动查找 Chrome / Chromium，并在 --headless=new 失败时回退到 --headless。
如果最终 HTML 和 skill 自带素材不在同一目录，优先把本地图内联成 data URI，可用：
"${CLAUDE_SKILL_DIR}/scripts/image_to_data_uri.py" "${CLAUDE_SKILL_DIR}/assets/kk-character.jpeg"
处理 scrapbook 卡片请求时：
解释尽量短，HTML 才是主要交付物。
references/scrapbook-design-rules.md需要确定配色、纸张层次、胶带感、caption 和文案气质时打开。
references/layout-presets.md需要查看支持比例和对应画布尺寸时打开。
examples.md需要看 Claude Code 里的推荐 slash command 写法、输入组织方式和改稿示例时打开。
assets/scrapbook-card-template.html需要一个现成的暖纸感 3:4 拼贴海报骨架时使用。
assets/kk-character.jpeg这是固定 IP 角色图，每次出图默认都要带上。
assets/contact-code.png这是固定合作二维码图，每次出图默认都要带上。
scripts/image_to_data_uri.py需要把本地图片内联进 HTML 时运行。
scripts/capture_card.sh需要把本地 HTML 转成 PNG 时运行。
出现这些情况时，结果不合格：
无描边课堂笔记风海报。适合课程总结、学习笔记、知识清单；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边信息图白板风海报。适合流程讲解、模块拆解、结构说明；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边编辑设计风海报。适合观点摘要、导读卡片、杂志封面感内容；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边极简科技发布风海报。适合产品介绍、技术摘要、keynote 风内容；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边漫画海报风信息卡。适合强情绪封面、pop-art 信息表达；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边复古像素掌机风海报。适合游戏 HUD、状态板、趣味信息卡；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。