editorial-dot-cover

Editorial Dot Cover

使用矢量图创建排版准确的封面。优先使用随附的渲染器，而不是图像生成，以确保中文文本和标点准确无误。

必需输入

从请求或当前项目中确定以下值：

• label：简短的英文/工具标签，例如 Codex + Hyperframes:
• title：一句简洁的中文标题
• output：目标 SVG 和 PNG 路径

默认尺寸为 3168 × 1267（约 2.5:1）。如果用户未提供标签，请推导一个简短的工具/主题标签。只有在无法安全推断标题时才提问。

渲染

运行：

python3 <skill-dir>/scripts/render_cover.py \
  --label "Codex + Hyperframes:" \
  --title "拆解抖音爆款·吃上自媒体这碗饭!" \
  --output "/absolute/path/cover.svg" \
  --png "/absolute/path/cover.png"

只有在用户要求其他横向比例时才使用 --width 和 --height。如果用户指定字体，则使用 --font-en 或 --font-cn。运行 --help 查看所有参数。

当混合语言的字体度量导致自动适配不准确时，可使用 --label-size 或 --title-size 设置经过艺术指导的像素尺寸。覆盖任一数值后，仍须保留规定的文字与图标间距。

仅将 assets/style-reference.png 用作检查还原度时的视觉对照目标；应使用脚本生成新封面，而不是复制样例中的像素。

脚本会保留可编辑的 SVG 作为唯一可信源，并使用已安装的 Chromium 系浏览器或 rsvg-convert 渲染 PNG。如果两种渲染器都不存在，请交付 SVG，并说明 PNG 渲染仍待完成。

风格规范

保留以下特征：

• 暖灰色纸张背景，接近 #D6D0C5，带有细微颗粒感和较弱的中心泛光/暗角。
• 近黑色前景，接近 #050505；除非用户要求，否则不要引入强调色。
• 左对齐的文本块，占画布宽度约 68–72%。
• 右侧放置点状胶片与放大镜符号，占画布宽度约 18–20%。
• 英文行使用厚重的板衬线体。优先使用 Roboto Slab Black；否则使用 Rockwell 或厚重的衬线体。
• 中文行使用极粗的展示无衬线体。优先使用已安装且获授权的展示字体；否则使用 Source Han Sans SC Heavy 或 PingFang SC Heavy。
• 字距紧凑，行距紧密，上下留有较大的空白边距。
• 使用 · 或 ： 在标题内部营造停顿；保留用户指定的句末标点。
• 使用矢量图绘制图标，并采用圆点虚线笔触。不要用光栅图库图标替代。

不要添加人物肖像、贴纸、渐变色偏明显的渐变、徽章、投影或装饰性文案。视觉识别依靠字体、留白、纸张纹理和点状图标来呈现。

布局决策

• 在保持清晰可读且能在图标前放下的情况下，中文标题保持单行。
• 标题过长时，先精简措辞。若必须保留原文，则插入一个有意设置的换行，并将整个文字组垂直居中。
• 文本与图标之间至少留出画布宽度的 4%。
• 标签与中文标题争夺空间时，先缩短英文标签，再缩小中文标题。
• 对于窄于 1.8:1 的比例，在保持风格的同时，允许将图标移至文本的下方/右侧。不要为了压缩标题而把字形挤得不自然。

质量检查

交付前：

1. 以原始尺寸和 25% 缩放查看 PNG。
2. 确认每个中文字和标点都与用户要求的文本一致。
3. 确认没有字形、点状笔触或放大镜手柄被裁切。
4. 确认标题是视觉焦点，图标处于次要位置。
5. 确认背景纹理仅在仔细观察时可见，不会呈现明显噪点。
6. 确认 SVG 仍可编辑，且 PNG 尺寸符合规范。

如果点状图标在缩略图尺寸下变得模糊或不清晰，请增大点间距或笔触宽度，然后重新渲染。