rn-cover-skill

RN 封面技能

根据书面风格规范制作每张封面，而非参考图片。仅使用 ImageGen 生成全新的右侧插图。使用内置合成器生成精确的背景，以及可控且可调整的网格、几何图形和排版。

输入

确定：

• label：可选的简短拉丁字母/工具说明行，例如 Codex + Hyperframes + HeyGen:
• title：中文主题或收益标题
• subtitle：可选的一至两行补充说明
• theme：右侧示意图的语义主题
• output directory

默认尺寸为 3000 × 1200（5:2）。如果组合标题以 ： 或 : 分隔，且左侧主要是拉丁字母/工具名称、右侧是中文，则拆分标题。

工作流

1. 生成插图前先规划文字。
   • 只要能以 96px 或更大的字号放下，就尽量让中文标题保持单行。
   • 先采用左侧文字、右侧视觉元素的不对称构图，再根据视觉平衡进行调整。
   • 让中文及中英混合标题充分展开；仅在必要时移动或缩小插图。
   • 以中文为主要视觉焦点；拉丁字母标签应更小。
   • 将完整的左侧文字组垂直居中，无论其中只有标题，还是同时包含标签和标题。
2. 阅读 references/style-contract.md。
3. 根据主题语义，为右侧视觉选择全新的图示类型和拓扑结构。
4. 以 generate 模式调用内置 ImageGen，在纯 #00FF00 色键背景上生成独立的图示素材。
   • 不要传入 referenced_image_paths。
   • 不要传入 num_last_images_to_include。
   • 每张新封面都要生成全新的插图；除非用户明确要求，否则不要复用之前封面的右侧插图。
   • 要求不生成画布背景、网格、标题、字母、数字、徽标或水印。
   • 图示应紧凑裁切，并与色键背景完全分离。
5. 移除色键：

python "${CODEX_HOME:-$HOME/.codex}/skills/.system/imagegen/scripts/remove_chroma_key.py" \
  --input "/absolute/path/cover-artwork-chroma.png" \
  --out "/absolute/path/cover-artwork-transparent.png" \
  --auto-key border \
  --soft-matte \
  --transparent-threshold 12 \
  --opaque-threshold 220 \
  --despill

6. 检查透明插图。边角必须透明，线条边缘干净，不得有绿色边缘或伪文字。
7. 合成精确文字和确定性几何图形：

python3 <skill-dir>/scripts/compose_cover.py \
  --artwork "/absolute/path/cover-artwork-transparent.png" \
  --label "Codex + Hyperframes + HeyGen:" \
  --title "开源自媒体涨粉的秘诀" \
  --output "/absolute/path/cover.svg" \
  --png "/absolute/path/cover.png"

仅当内容需要时，才使用 --subtitle、--italic-title-lines、--artwork-start 或网格/插图几何覆盖参数。运行 --help 查看覆盖参数。

不可妥协的风格要求

• 画布背景固定为 #FAF9F5；绝不使用 ImageGen 生成的背景色。
• 在右侧视觉区域用 SVG 绘制清晰但低调的方格网。网格的起始位置、密度和强度应灵活调整，不要照搬单一模板；只有用户明确要求无网格时才省略。
• 图示放在右侧，可根据标题长度靠近画面中央或进一步右移。
• 图示线条使用炭灰色，并点缀一种克制的柔和珊瑚色；不要使用大面积橙色填充。
• 左侧文字应横向扩展；插图缩小或右移以腾出空间。
• 将完整的左侧文字组垂直居中。
• 拉丁字母标题使用厚重的编辑风格衬线字体，仅对有意强调的那一行使用斜体。
• 中文标题使用近黑色的厚重无衬线字体，并占据更强的视觉权重。
• 可选的补充文案使用字号较小的粗斜体衬线字体。
• 不要在文字下方添加下划线、分隔符、横线或装饰线。
• 不要使用肖像、贴纸、霓虹、亮面 3D、密集 UI 或装饰性文案。
• 仅将参考封面作为审美校准依据。不要照搬其节点数量、具体环路、对象位置、标签或装饰细节。

不要要求图像模型渲染最终标题文字。所有实际文字都应放在 SVG 中。

重新生成规则

• **新封面：**始终从头生成新的右侧插图，不使用任何参考输入。
• **概念或布局修订：**重新生成右侧插图。
• **仅修正细微排版：**除非用户要求生成新插图，否则沿用当前插图。

在保留风格规范的同时，改变视觉家族、拓扑结构、节点数量、连接线路径、中心对象、曲线和珊瑚色信号的位置。不要让一系列图看起来像是只替换了文字的同一张示意图。

质量检查

1. 合成前检查透明背景图稿。剔除伪文字、绿色边缘、被裁切的几何图形、过大的留白或过大的示意图。
2. 以原始尺寸和 25% 缩放检查最终 PNG。
3. 确认所有要求的字符和标点均准确无误。
4. 确认中文优先保持可读，其次是拉丁文字，最后是示意图。
5. 确认文字与图稿之间至少留有画布宽度 4% 的间距。
6. 确认左侧文字组垂直居中，且没有装饰性下划线。
7. 对干净的背景像素进行采样，确认其颜色确切为 #FAF9F5。
8. 确认右侧网格在 25% 缩放时仍清晰可辨，不会与图稿争抢视觉焦点；同时确认两者在视觉上平衡，而非机械地匹配参考图。
9. 确认 SVG 可编辑且内容自包含，并确认 PNG 尺寸一致。
10. 报告最终路径、无参考图的 ImageGen 提示词，并说明使用了内置的 ImageGen。