作者的 Huashu Motion 发布片开场：多支视频组成的画面墙与动态中文标题。
项目截图关于这个 Skill
Huashu Motion 指导编程 Agent 用可编辑 HTML 动画制作产品视频、解说片和动态图形。本地工作室可用于查看画面并给出具体反馈，项目保留源码以便后续修改；渲染使用本机 Chrome 系浏览器。
为什么推荐
把产品分析、动画代码和逐帧反馈连成一个流程，适合需要反复调整的发布片和讲解视频。封面采用作者官方发布片的开场动图；渲染使用本机浏览器与 FFmpeg。
适合用来做什么
- 产品发布片、功能介绍和软件演示。
- 需要修改标题、数字和时长的动画讲解与数据故事。
- 为已有口播视频制作包装叠层、字幕和不同画幅版本。
从产品需求到视频
明确主题和交付
提供产品网址或素材、受众、时长与画幅，并确定使用纯配乐、生成旁白还是自己的录音。
选择方向与节奏
Skill 要求 Agent 先给出不同方向的真实关键帧，再编写方案与节奏单，然后制作完整动画。
对具体画面提修改
打开本地编辑器，直接修改公开参数，或按 C 对画面留评论。Agent 会收到时间点、场景和目标元素；修改保留本地历史。
检查并导出
检查采样画面，合成声音并渲染，再完整观看成片。交付时保留 HTML 项目，便于继续修改。
安装与开始项目
通用安装器会把 Skill 和参考资料安装到所选 Agent。om 启动器可调用 npm 运行时，因此完整使用并非只复制一个 Markdown 文件。在完整仓库中也可用 node cli/om.js 直接运行同样的命令。
| 命令 | 用途与使用时机 |
|---|---|
npx skills add alchaincyf/huashu-motion | 为编程 Agent 安装官方 Skill。 |
npx huashu-motion doctor | 检查 Node.js、本机浏览器与 FFmpeg。 |
npx huashu-motion new my-film | 创建可编辑的起步项目。 |
npx huashu-motion studio my-film --no-open | 启动本地编辑器并显示访问地址。 |
npx huashu-motion check my-film | 渲染前检查源码与采样画面。 |
npx huashu-motion render my-film | 在 my-film/out/ 中导出带版本号的 MP4。 |
输出、封面与适用边界
作者提供 MP4、透明 MOV/WebM、GIF、切换画幅和 HTML 分享页等流程。真人与实拍内容需要提供自己的素材；项目主要通过代码制作动画。
本地配乐生成不依赖收费音乐接口。成片声音仍需自己听一遍：Agent 可检查乐谱和音频信号指标，无法替代听觉审阅。结果质量取决于 Agent、模型、需求与修改过程。
封面来自作者官方 hero.gif 开场动图，收录时压缩为动画 WebP。它是无声的短片段；官方 README 提供带声音的完整影片链接。
制作视频需要提供什么
先提供产品或主题、受众、预期时长和发布位置；涉及品牌时提供真实素材、截图和文案，再在导出前检查设计方向与具体画面。
产出是带可编辑源码的生成式动画，不等于真实产品操作录屏。音乐、配音、工具可用性与服务费用取决于所选工作流和环境。
使用前需要了解
- 需要支持 Skills、能够读写本地文件并执行命令的编程 Agent。按作者的 npx 命令安装；Skill 启动器使用仓库中的 CLI，独立安装时调用 huashu-motion npm 包。
- 需要 Node.js 22 或更新版本、已安装的 Chrome/Chromium/Edge，以及 FFmpeg 和 ffprobe。作者说明目前已在 macOS 实测，其他系统需要自行验证。
- 可选的真实乐器采样包需下载约 55 MB。可选 Kokoro 旁白需要 uv、Python 3.12 和语音模型，逐字对齐使用 whisper-cli；macOS 可使用系统语音。
- Skill 可免费安装，代码和文档采用 MIT 许可证；Agent 或模型使用可能收费。第三方组件保留各自许可证，作者卡通角色仅供本项目演示使用。
支持的 Agent
常见问题
它能生成真人实拍吗？
它主要制作可编辑的代码动画，也可以组合你提供的素材。需要真人或实拍时，应提供自己的视频。
视频在哪里渲染？
在本机通过已安装的浏览器和 FFmpeg 渲染。可选语音模型和乐器采样可能需要下载，Agent 或模型服务可能收费。
资料与来源
原始资料见下方链接；文中的上手建议由 SkillHey 编辑整理。
