用途:生成一张小红书封面/首图。输出为标题优先的 3:4 图片,追求缩略图下的快速识别,而非长文或幻灯片。
主要能力与规则:标题是核心,需在缩略图尺寸下清晰可读;仅在有助强化标题时使用短副标题、结论或钩子;一个视觉锚点即可,不要塞满正文段落;默认使用中文可见文案,除非用户明确要求其他语言;除非用户明确要求,不要把“小红书封面”写进可见文案。xhs-cover-story-field 视为低频风格,普通 AI/产品/品牌封面、热点点评、教程或通用开篇不要默认选用,仅当用户明确要求 Story Field/故事集,或封面需要档案、电影、路线图、地点/人物、项目报告氛围时使用。保留所选风格氛围的同时保持简洁。不要混用模板系统:换风格时应从新风格的起始 HTML 重新开始,而非沿用旧模板的 DOM、类名、布局模块、CSS 变量或装饰块。
画布与导出:CSS 画布 600px × 800px,3:4;默认导出 1200px × 1600px PNG,deviceScaleFactor: 2;标题基线约 44-72px,中文行高约 1.05-1.2;副标题约 19-24px;元数据约 10-16px。生成 HTML 后运行:node scripts/capture-xhs-card.mjs --html <path-to-html> --out <path-to-cover.png>
使用流程:先读 assets/catalog.json 与 references/style-understanding.md;选择一种封面风格;将所选起始模板复制进项目,每个不同风格或更换风格家族的修订都需复制对应风格的新起始模板;把用户主题改写为紧凑标题与可选副标题;替换标题、元数据、页脚、标签与视觉钩子;移除文章段落或仅演示用的块;导出 PNG 并检查缩略图可读性。可用脚本:node scripts/list-templates.mjs;node scripts/create-design.mjs --template xhs-cover-dot-matrix --lang zh --out output/xhs-cover-demo.html;node scripts/capture-xhs-card.mjs --html output/xhs-cover-demo.html --out output/xhs-cover-demo.png。限制:资料未提供价格、平台兼容性、模型或更多模板细节。