Illustrated Explainer 用于渲染带旁说的扁平矢量企业讲解视频,约 60–100 秒、16:9,采用柔和的粉彩办公插画风格,图像由 gpt-image-2 生成。该技能由带旁白的平面插画讲解视频通过 video-to-template 构建。示例 examples/prismor-enterprise/ 使用全画幅插画配合镜头平移;若需要角色、道具与图标独立动画,可使用共享同一引擎的 animated-character-explainer 技能。
工作流程
脚本(vo.txt):遵循经典叙事弧线,先以问题呈现读者痛点,再说明“你并不孤单”,接着“Here comes ...”、介绍它做什么、如何运作、收益以及 CTA。脚本需经过 no-ai-slop 技能处理,且所有说法须有产品文档来源。
配音:运行 python3 scripts/main.py voice(OpenAI TTS 加 Whisper 词级时间戳)。
插画:在 assets.json 中列出场景。每个提示词以 STYLE 开头并描述一个场景;用 brief 的风格字符串(或示例中的)替换它,以保持所有图像统一风格。然后运行 python3 scripts/main.py assets(1536×1024,中等质量;hub ring 使用透明背景)。画面顶部留白以便字幕,并要求图像中不含文字:所有文字均由排版生成。
节拍:在 brief.json 中,每个节拍以提示短语(at)开始。卡片和项目符号可有各自的提示。真实 logo 放在 assets/logo.png。
检查、静帧、渲染:旁白会自动混流。
节拍类型
scene:Ken Burns 平移到单张插画并加字幕;键:image、caption(\n 分两行)、move: [z0, z1, fx0, fx1, fy0, fy1]。
bullets:淡化插画,项目符号按提示出现;键:image、caption、items: [{text, at}]。
split:两张插画加滑动分隔线;键:left、right、caption。
logo:hub ring 旋转进入,中央为真实 logo,名称升起;键:ring、caption、name、name_at(可用 "tr": "whoosh")。
map:世界地图、图钉落下,可选从第一个图钉出发的连线;键:pins(城市键)、links、caption。
cards:产品决策卡片在柔和背景上浮起;键:cards: [{verdict, title, detail, at}]。
cta:logo、名称、一句文案和 URL 置于平静插画上;键:image、name、line、url、url_at。
转场:默认交叉淡入淡出,或 "tr": "whoosh" 实现缩放模糊闪光。
规则
字幕为细线之间的普通小型大写字母,不加框,屏幕上句末不加句号。
卡片使用产品自身的事件,绝不虚构推荐语或引用虚构客户。
logo 始终使用真实文件。AI 语音应予以披露。