技能介绍

要解决的问题

手工制作日系杂志风格海报时，图文混排、留白控制和多模板切换往往耗费大量时间。统一海报尺寸、自动处理文案换行以及图片落位，容易因为缺乏规范而反复返工。该技能面向需要稳定输出多张杂志感视觉稿的工程场景，把“选题—排版—导出”压缩为一次可复现的自动化流程。

核心能力与工作流

技能采用 JSON spec 驱动的渲染管线，核心步骤如下：

单轮需求澄清：在生成前仅进行一次表单式询问，确认风格主题、海报数量、图片来源、模板选择与文案语气。若信息仍有缺失，将使用合理默认值并写入 manifest.json，避免反复打断用户。
模板匹配与文案生成：优先读取 references/template-contract.md。根据内容形态选择最少模板（或用户指定的模板 ID）。文案区（title、goldenQuote、detail）有严格的标点和长度约束，例如标题无句末标点，金句必须以中英文句末标点结束，且自动替换中文引号为直角引号。
图片来源优先级：严格遵循“用户提供路径 > 调用系统位图生成模型 > 内部绘制 SVG 并栅格化”的优先级。所有图片最终必须落盘为 PNG/JPEG/WebP，最终 HTML 绝对不引用 .svg 或 data:image/svg+xml。
渲染与导出：生成输入 JSON 后执行渲染脚本，输出 HTML、PNG（依赖 Playwright/Chromium）及包含验证状态的 manifest.json。

适用边界与注意点

该技能适合固定模板下的批量海报生成，而非完全自由的视觉设计。不要试图通过修改模板 CSS 来强行塞入长文案，如 Template 03 的卡片区域固定为 216px 行高，Template 06 必须保留 .jp-photo-zone { width: 100%; max-width: 100%; } 以防图文重叠。如果验证失败，应修改文案断句或调整图片焦点，而非破坏原有网格结构。此外，位图生成依赖运行环境可用的模型，若失败回退到 SVG 绘制，必须在 manifest 中记录具体原因。