Menu
复古像素掌机风海报。适合游戏 HUD、状态板、趣味信息卡；输出固定日期、二维码、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
无描边课堂笔记风海报。适合课程总结、学习笔记、知识清单；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边信息图白板风海报。适合流程讲解、模块拆解、结构说明；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边编辑设计风海报。适合观点摘要、导读卡片、杂志封面感内容；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边极简科技发布风海报。适合产品介绍、技术摘要、keynote 风内容；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边漫画海报风信息卡。适合强情绪封面、pop-art 信息表达；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边复古像素掌机风海报。适合游戏 HUD、状态板、趣味信息卡；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
| name | kkstyle-retro-pixel-screenshot |
| description | 复古像素掌机风海报。适合游戏 HUD、状态板、趣味信息卡；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。 |
| argument-hint | [topic or notes] |
| disable-model-invocation | true |
| metadata | {"clawdbot":{"requires":{"bins":["google-chrome","chromium","chrome"]}}} |
这个 skill 用来把原始信息做成“复古像素、掌机 HUD、游戏状态板”风格，而不是亮蓝海豹贴纸风、暖纸拼贴风或编辑设计风。
默认优先产出 3:4 的 retro-pixel poster：像素标题栏、右上状态牌、双栏信息面板、顶部日期 HUD，以及固定二维码 + IP 右下角组合。
默认保持三个交付阶段，除非用户明确要求跳过：
先看内容适合哪种 retro-pixel 卡：
信息少时，靠状态牌、pixel label 和底部状态条撑住画面。 信息多时，先拆成三到五个块，不要塞成长段。
retro-pixel 风格也必须先按比例排版：
3:4：默认主结构。像素刊头 + 右上状态牌 + 主标题 + 摘要框 + 双栏主面板 + 固定二维码和 IP。4:3：适合横版控制台面板，左大右小。1:1：适合方形游戏封面卡，突出一个主词组和三个状态块。9:16：适合竖版掌机封面，增加状态栏层次。16:9：适合横幅，减少正文，增加 HUD 标签。精确尺寸见 references/layout-presets.md。
默认视觉语言：
YYYY年MM月DD日。合作交流 二维码和 是卡卡呀 IP 组合。详细规则见 references/retro-pixel-design-rules.md。
每张海报都必须带上固定右下角组合：
${CLAUDE_SKILL_DIR}/assets/contact-code.png 作为固定二维码位，下方文案 合作交流。${CLAUDE_SKILL_DIR}/assets/kk-character.jpeg 作为固定 IP 位，下方文案 是卡卡呀。日期 HUD 也默认固定显示：
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"
处理 retro-pixel 卡片请求时：
解释尽量短，HTML 才是主要交付物。
references/retro-pixel-design-rules.md需要确定配色、像素层次、HUD 风格、状态牌和文案语气时打开。
references/layout-presets.md需要查看支持比例和对应画布尺寸时打开。
examples.md需要看 Claude Code 里的推荐 slash command 写法、输入组织方式和改稿示例时打开。
assets/retro-pixel-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 时运行。
出现这些情况时，结果不合格：