huashu-motion Skill：让编码 Agent 制作可编辑的产品发布片

独立开发者、设计工程师和产品营销团队可以用 huashu-motion Skill 把产品发布片制作变成一项可安装的编码 Agent 能力：它先读取产品、品牌、界面或数据，再提出三个视觉方向，随后用 HTML、GSAP、Canvas、Three.js 或 SVG 编排画面，在本机浏览器中预览、配乐、检查并导出。它最特别的不是“自动生成一段视频”，而是让你能在具体时间点点中画面、留下意见，再让 Agent 只修改那一处。

技能概览

这是一项单一 Skill，仓库同时提供本地 CLI、浏览器编辑器、运行时、模板、字体和方法文档。每支片子以一个 index.html 作为主合成文件，按时间逐帧渲染；核心流程不依赖视频生成模型，也没有私有工程格式。

• 输入：产品页面、真实 UI、品牌资产、数据文件、文字脚本、已有录音或视频素材。
• 处理：方向选择、节奏单、关键帧、代码动画、配乐与音效、口播、逐帧评论、检查和导出。
• 输出：MP4、透明 MOV、WebM、GIF，或带播放器和源码的网页分享版本。
• 验收：先用 om check 检查脚本与采样帧，再用 om qa 检查成片中的单帧闪现、空档、硬切与运动曲线。

能力定位

它适合放在“产品信息已经存在，但团队缺少一条可重复的视频制作链”的位置。产品负责人提供真实卖点与必须保留的事实，Agent 负责把方向、节奏、画面和声音落实为代码；人继续决定哪种方向更准确、哪一帧需要改、声音是否真正好听，以及最终版本是否可以发布。

与文本到视频模型不同，huashu-motion 的主线是确定性的代码动画：每一帧来自网页代码与时间轴。它更适合产品发布片、数据解说、动态文字、UI 演示和已有口播的视觉包装；如果需求依赖真实人物或实拍，它不会凭空生成素材，需要你先提供可用视频。

适合谁

• 独立开发者和产品团队：需要为一次发布快速制作 15 至 60 秒的产品片，同时保留后续修改能力。
• 设计工程团队：希望直接使用产品 UI、品牌色、字体和数据，而不是把所有镜头交给不可编辑的视频黑盒。
• 内容与增长团队：需要把数据故事、口播、字幕和产品画面按同一节拍组织，并输出横屏、竖屏或透明叠层。

获取与安装链接

先打开 huashu-motion 官方仓库阅读最新说明。默认安装会把 Skill 放进支持 Agent Skills 的编码代理环境；仓库列出的运行条件是 Node.js 22 或更高版本、Chrome/Chromium/Edge，以及用于合成与导出的 FFmpeg。目前 README 明确写的是 macOS 已实测，其他系统不应在未验证前当成同等支持。

安装与配置步骤

1. 先确认编码 Agent 支持 Agent Skills，并准备 Node.js 22 或更高版本。
2. 安装 Skill 后运行环境检查，按输出补齐浏览器与 FFmpeg。
3. 只有需要真乐器音色时才下载约 55 MB 的可选采样包；不安装时仍可使用合成音色。
4. 需要中文口播或逐字对齐时，再按项目需要安装 Kokoro、Python 3.12、uv 或 whisper.cpp。

示例输入

npx skills add alchaincyf/huashu-motion

npx huashu-motion doctor

npx huashu-motion new [project path]

从产品信息到成片的使用方法

1. 先读取产品：整理官网、真实 UI、品牌资产、数据和必须准确保留的产品事实。
2. 比较三个方向：默认先做三组真正不同的运动语言和关键帧，而不是只换颜色；如果用户已经指定风格，可以跳过。
3. 写 treatment：在完整制作前确定节奏单、能量曲线、四张关键静帧与镜头连续性。
4. 先做最难镜头：先验证最重要的产品时刻，再扩展到整支片子，避免最后才发现核心画面不成立。
5. 检查画面和节奏：查看关键帧与场景切换后的第一秒，修复裁切、遮挡、空帧、硬切和运动不足。
6. 加入声音：需要口播时先处理口播和逐字时间点，再生成配乐与音效；发布片可以使用 ABC 乐谱作曲，快速版本也可使用内置方向。
7. 在浏览器里改：启动 Studio 后，用户可以按 C、点中画面并写下意见，Agent 再按对应时间点与元素位置做最小修改。
8. 导出与复盘：渲染目标格式，运行成片 QA，确认后再把本次反馈沉淀为本机经验。

声音与节拍怎样进入同一条时间线

声音不是最后随便铺上的背景。Skill 允许 Agent 用 ABC 记谱法写配乐，把场景标记放在谱中的节拍上，并在动作落地位置声明音效。需要口播时，它还可以根据文字或用户录音生成时间提示与字幕，让画面在说到具体词语时发生变化。

预期输出

• 可修改的源文件：项目根目录保留一个主 HTML 合成文件，关键标题、数字、颜色与停留时间可以暴露为可编辑变量。
• 带声音的成片：默认流程把音乐、音效和可选口播纳入时间线；透明叠层或用户明确要求静音时可以例外。
• 可定位的反馈：每个可评论元素应有稳定标识，评论带回时间点、场景、元素和源码位置。
• 发布前检查：om check 达到零错误只是基础，还要查看关键帧、正常速度播放成片，并检查音频结果。

使用场景

• SaaS 与 App 发布：把真实产品界面、功能路径和品牌资产组织成短发布片。
• 数据解说：让 CSV 中的关键变化按“先建立坐标、再出现数据、最后强调结论”的顺序呈现。
• 口播包装：为已有录音或讲话视频添加名字条、数字卡、关键词动画、章节卡和字幕。
• 多画幅交付：在保留源项目的情况下制作横屏、竖屏、透明叠层或网页分享版。

常见错误与修复

• 一开始就做完整成片：先完成最难、最能代表产品的镜头，再决定其余场景是否值得扩展。
• 只看检查结果不看画面：om check 零错误不代表画面已经好看；还要查看关键帧并按正常速度观看。
• 画面修改后忘记更新声音：只要镜头时间改变，就重新运行声音流程，让落点继续对齐。
• 把缺少真人素材当成生成任务：先提供已获授权的实拍或人物素材，再让 Skill 负责合成与包装。

限制与注意事项

• 它听不见：Agent 可以看能量曲线和频谱图，但最终的听感仍要由人确认。
• 它不生成真人实拍：画面主要由代码绘制；真人或现场素材需要用户提供，再由它合成和包装。
• 质量受模型影响：导演判断、构图与细节仍会随所用模型和输入质量变化。
• 必须能运行本地命令：预览、截图、声音处理与导出依赖本机环境；Codex 沙箱可能要求用户批准浏览器或本地服务器操作。
• 许可证不是全部 MIT：仓库自身代码和文档为 MIT，但 GSAP、字体、下载的语音组件各有自己的许可证；“豆子花叔”角色仅作项目示范，不在 MIT 授权范围内。

相关工具与 Prompt

huashu-motion 负责代码动画、声音和本地交付，不替代产品事实整理、实拍素材授权或生成式视频模型。如果项目需要无法用代码绘制的真人镜头，可以先准备授权素材或使用适合的生成工具，再把成片片段交给它包装；如果需求只是制作一段独立的生成式视频提示词，则直接使用相应的视频提示词模板会更轻。

常见问题

• 问：huashu-motion Skill 怎么制作产品发布片？
  答：安装后，编码 Agent 会先读取产品和品牌信息、提出方向并写节奏单，再用网页代码组织画面、声音和时间线，最后通过浏览器反馈、检查与本地渲染完成交付。
• 问：huashu-motion 和 AI 视频生成工具有什么区别？
  答：它的主流程不是根据提示词生成不可控的视频片段，而是用 HTML 与动画代码建立确定性时间线，因此更容易定位元素、修改数字、调整停留时间和复用源文件。
• 问：huashu-motion 支持 Codex 吗？
  答：支持。官方 README 同时列出 Codex、Claude Code 和其他支持 Agent Skills 的产品；但不同模型的视觉判断和执行质量可能不同。
• 问：huashu-motion 能否给视频配音和配乐？
  答：它可以生成本地配乐和音效，也可以使用系统语音、可选 Kokoro 中文语音或用户自己的录音；逐字对齐需要额外安装 whisper.cpp。

继续探索相关 Skill

如果你要先比较“案例库如何沉淀为可执行技能”，可以继续看Seedance 提示词模板：Awesome Seedance 如何把真实视频案例变成 Skill；如果你的任务是直接生成分镜型短片，可以参考Anime Cooking Storyboard Prompt for 30-Second Recipe Films。

需要补充不同视频质感时，可查看生活记录视频提示词：让日常片段呈现早期 DV 家庭录像质感；如果准备让 Codex 执行本地自动化，则可先阅读Claude Code Hook Boundary Review: Map Automation Before It Runs，理解命令和权限边界。

安装或改造这项 Skill 前，建议先用一个 15 至 30 秒的小项目验证环境、方向选择、反馈循环和声音流程，再决定是否进入正式发布片制作。继续浏览 AI Skills 分类，寻找更多可安装、可复用的 Agent 能力。

关注 @bigprompt，获取更多可安装 Skill、工作流和提示词模板。

Big Prompt Hub Review

huashu-motion 最值得采用的场景，是团队已经有真实产品、品牌和内容素材，却缺少一条能持续修改的视频生产链。先用它验证一个最重要镜头，再完成短版节奏、声音和浏览器反馈循环；不要一开始就把它当成“说一句就能自动交付商业大片”的黑盒。它把大量制作方法变成了可执行规则，但方向选择、最终听感、产品事实和发布判断仍然需要人负责。