文章视觉导演(article-visual-director)

技能介绍

把文章转化为一套有传播目标、视觉主张和系列一致性的图片。让封面承载一个核心主张和一个视觉钩子,只在正文理解确有收益的位置安排配图。支持公众号封面、正文配图、概念海报、小红书封面/多页图文/教程卡片等完整视觉包的规划、提示词、生图与质量检查。本技能只负责内容的视觉资产规划与产出,不包含发布自动化、账号登录、定时发布、数据运营等能力。

适用场景

适合把一篇已写好的文章变成可发布、可传播的图片资产,包括:公众号封面与正文配图、X/Twitter 文章头图、小红书封面与多页图文、教程/步骤/框架对比类信息密集知识卡片、概念海报,以及需要参考图复现版式的封面。当你给出一篇文章并希望它"配上一套有传播力的图"时使用。既有 AI 生图,也有 HTML/React 确定性渲染,保证长标题、表格、参数等文字信息逐字准确。

核心能力

  • 任务路由:按请求归入 cover-only、prompt-led-cover、reference-led-cover、illustrations-only、full-package、xiaohongshu-cover、xiaohongshu-carousel、xiaohongshu-tutorial、xiaohongshu-package、prompt-only、revision 等模式,各模式有明确交付物。
  • 素材保护与视觉简报:接受文章文件、粘贴正文、标题加摘要、主题草稿或参考图片;从文章提取核心主张、目标读者、视觉主体、情绪与禁止项,写入 brief.md。
  • 平台策略与风格库:读取平台策略、视觉基因、封面与原图原型,为内容选择主风格、封面结构和冲击机制;每个方向都是一句可与内容直接关联的理由。
  • 提示词编译与契约校验:写提示词前按 references/prompt-compiler.md 编译,并运行 scripts/validate_prompt_contract.py 校验比例/主风格/主文字/文字策略/文字可见性等,不通过不生成。
  • 多后端成图:优先图像生成工具(Codex 环境用 imagegen);遇到精确排字、严格截图、表格参数等信息密集页,可切换 HTML/React 渲染再导出 PNG;支持批量与并行调用。
  • 真实产物检查:按质量门禁打开实际图片检查缩略图、裁切、文字、内容、风格与人物质量;小红书图文逐页核对素材编号与来源,用 scripts/check_xiaohongshu_copy.py 检查文案。
  • 确定性渲染路线:教程类信息密集内页默认写入 HTML 源文件,经浏览器导出 PNG;交付目录顶部生成 index.html 整体预览页。

工作方式

遵循"约束优先级":先满足用户明确指定的比例、主文字、文字可见性、风格、构图与禁止项,其次用户提供的视觉提示词,再是附件/文章/参考图,最后才用技能平台策略补足缺失信息,绝不静默改变用户硬约束。生成前建立 requirements.json 记录 mode、aspect_ratio、style、visible_text、text_policy、exact_text 等;所有视觉资产默认写入 {user-project-dir}/article-visuals/{topic-slug}/,内含 index.html、requirements.json、brief.md、plan.md、prompts/、images/、qa.md。同一任务后续修改只改用户点名维度,保留已选平台、构图、色彩与视觉语言。

你需要提供

一篇可读取的文章(文章文件、粘贴正文、标题加摘要、主题草稿均可),或一个明确的视觉提示词 / 参考图。如果文章链接无法读取,需要你粘贴正文或提供导出文件。也可直接说"直接出图/自动决定"进入快速模式,由本技能自主选择平台、比例、风格并继续。

你会获得

按内容与平台组织好的一套图片资产:主封面、正文配图、平台变体、逐份提示词、简报、计划与质量检查报告;小红书任务另得逐页计划、发布文案元数据与整体交付预览页。每条图片都有明确的信息功能与传播理由,且报告导出目录的准确路径。

使用示例

  • cover-only:只产出一张主封面及其提示词。
  • xiaohongshu-tutorial:把一篇方法/教程文章做成 8-12 页小红书图文,封面用 AI 生图、信息密集内页用 HTML/React 渲染。
  • prompt-only:只要完整可复制的提示词,不调用生图工具。
  • revision:保留已选视觉方向,只修改用户点名的维度并新建文件保留旧候选。