Menú
无描边复古像素掌机风海报。适合游戏 HUD、状态板、趣味信息卡；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
无描边课堂笔记风海报。适合课程总结、学习笔记、知识清单；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边信息图白板风海报。适合流程讲解、模块拆解、结构说明；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边编辑设计风海报。适合观点摘要、导读卡片、杂志封面感内容；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边极简科技发布风海报。适合产品介绍、技术摘要、keynote 风内容；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边漫画海报风信息卡。适合强情绪封面、pop-art 信息表达；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
无描边暖纸拼贴风海报。适合资源推荐、手账感摘要、生活方式内容；输出固定日期、二维码、IP 位的 HTML，并可截图为 PNG。
| name | kkstyle-retro-pixel-noline-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 的 no-line 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 时运行。
出现这些情况时，结果不合格：