code-video

代码视频

仅用代码制作一段短视频，输入有三个：设计（风格）、主题的研究资料和格式。故事、场景、节奏和其他内容由你决定。

<skill> 是包含此 SKILL.md 的文件夹。引擎位于 <skill>/template/（kit.js、render.mjs、一个 main.js 骨架）；其 API 见 references/kit-api.md。辅助工具位于 <skill>/scripts/：fetch_fonts.sh、clean_logo.py、audio.py（根据 audio.json 生成音乐和音效）、beats.py、contact_sheet.py、site_tokens.py。

必需工具：node/npm、带有 libx264 的 ffmpeg、Google Chrome 和 uv。如果缺少其中任何一项，请停止并说明缺少什么。

先询问

使用 AskUserQuestion 逐项询问，用户已提供的信息可跳过。

1. 主题。 视频内容：一家公司、服务、网站或产品；如果有链接，也请提供。
2. 设计。 风格、用文字描述或参考图展示的外观，或 DESIGN.md 的路径或链接。根据样式标题匹配（grep '^# Style' <skill>/references/styles/*.md），并打开对应指南；对于 DESIGN.md，使用 brand.md；其他未列出的内容则使用 free.md。如果用户跳过，请从列出的风格中随机选一个。
3. 视频。 时长、画面比例、屏幕显示语言和角色，优先推荐选项。默认值：30 s、16:9 1920×1080、30 fps、对话使用的语言。

然后，研究约 10 条事实及其来源，并确认品牌实际使用的颜色、字体和标志；展示简短计划（故事、配色、事实），并在开始制作前征得同意。

规则

• 屏幕上的每个数字都必须有来源。不得编造统计数据或界面读数。
• 等待自己的工作完成：在前台运行渲染，并使用较长的 Bash 超时（最长 600000 ms）。在非交互式运行中，之后不会有任何操作唤醒你。

制作和渲染

cp -R <skill>/template <work-folder>/<name>-video && cd <work-folder>/<name>-video
chmod -R u+w . && npm i
bash <skill>/scripts/fetch_fonts.sh assets/fonts

在 index.html 的 window.VIDEO 中设置尺寸、fps 和时长，并在其中声明字体（对于韩语，通过 unicode-range 将每种拉丁字体与一种韩文字体配对），然后在 main.js 中编写场景。对于两种语言，按一个 URL 参数进行分支，并分别使用 QUERY=lang=ko node render.mjs video … 渲染。添加声音时，编写 audio.json 并运行 uv run --with numpy --with scipy python <skill>/scripts/audio.py audio.json audio.wav；渲染时会将音频合并进视频。

查看几张静帧（node render.mjs stills <times>；如 12-14 这样的范围会为移动镜头生成六帧，然后运行 uv run --with pillow python <skill>/scripts/contact_sheet.py stills <dir>），修正画面问题，再使用 CRF=25 node render.mjs video <Name>.mp4 渲染。

交付

发送 MP4，并列出所用事实及其来源。