发布片技能 · huashu-motion

只丢了一个产品地址，AI 就交回一支真实 App 界面动起来的发布片

给 Claude Code 或 Codex 装上 huashu-motion，再丢给它产品地址或仓库链接，AI 就会做出一支真实产品界面动起来的发布片，还会按节拍配好背景音乐和音效。成片出来后，点一下要改的画面、写一行字，AI 只改那一处。画面不是用视频生成模型画的，而是用代码画的，所以你的界面和 Logo 会原样出现。这里整理了几位开发者给自己的产品做宣传片的案例。

2026年10月26日·4 个案例

alchaincyf/huashu-motion — README（免费·MIT，用代码绘制的发布片，浏览器编辑器）

huashu-motion Releases（v0.1.0 2026-10-18 ~ v0.3.1 2026-10-22）

花叔 — Huashu-motion 发布帖, 2026-10-18（截至 10月26日浏览 239,747 · 收藏 1,815）

10月18日 huashu-motion 公开，第二天，Mac 剪贴板应用 Echo 的开发者 AI磊叔就在作者的发布帖下留言：“来了，给 90 分～我的产品地址丢进去就出来了成品，画面的成熟度很高”。本页顶部的视频，就是这条留言附带的视频。

公开后的八天里，做手表固件、内容服务、文档排版技能的人也纷纷给自己的产品做了宣传片并发了出来。作者花叔在 X 上发布的发布帖，截至 10月26日获得 239,747 次浏览、1,815 次收藏。

视频做好后，在浏览器里打开的预览界面上点一下要改的画面、写一行字就行。自己开发 iOS 应用鲸海语记的沐风AI，对 Claude Code 提出的要求是：“用 huashu-motion 给我的产品做一支 60 秒发布片”。视频出来后，沐风AI 点了 18.55 秒处的画面，写下“这个页面的时候，底部波浪跳动动画速度太快了”。AI 只把那段波浪的时间系数这一行从 1.2 改成 0.45；深海场景里的波浪速度是单独设定的，所以没有动。另一条意见是把副标题文案缩短为「周报、月报或自定义分析」。沐风AI 写道：“两条都是在画面上点一下、打一行字，AI 就改对了位置，而且没碰别的地方。”

huashu-motion 是装在 Claude Code、Codex 等编程智能体上的免费开源技能。它用代码（HTML、GSAP）绘制画面，背景音乐也不是录音文件，而是用代码生成，所以产出的就是普通网页文件和 MP4。

Reference 01Mac 剪贴板应用 Echo 的开发者 AI磊叔 · X

交出 Mac 剪贴板应用的 6 段真实录屏，不到 10 分钟就拿到第一版视频

huashu-motion 公开第三天，AI磊叔继公开次日做出本页顶部那支视频之后，又用 Codex 和 gpt-6.1 花了一整天重做 Echo 的宣传片。这次交给它的素材是 Echo 的 6 段真实录屏。没有声音的第一版不到 10 分钟就出来了，一天里改了 18 次，其间产出 15 支成片。从提出修改到新版出来，最快只用了 77 秒；20 秒的 1080p 视频渲染耗时 17 秒。

对于成片，AI磊叔写道：“成片质量很赞，六段真实录屏加 GSAP 标题转场，利落干净，节奏剪辑的很符合我的口味。”视频里展示了多条目选择、Markdown 转换、计算等 Echo 功能，帖子最后还顺带推广了视频里的这款应用。

Reference 02M5Stack 圆形手表 AI 助手固件 Jax 的开发者比特HODL · X

只发了一个仓库链接，手表固件的 46 秒宣传片就做好送了回来

比特HODL 在 Opus 5.5 里开启 huashu-motion，发去 Jax 的 GitHub 仓库链接，请它根据仓库做一支宣传片。智能体中途停下来问了几个选择题，随后交出一支 46 秒的成片。视频里出现了圆形手表的画面和仓库地址。

比特HODL 写道：“如果手搓的话难度不小，关键是不需要任何提示词，懒人福音啊简直是”。

Reference 03运营自家服务 Mewyo（mewyo.co）的创始人 yao · X

从没剪过视频，只靠和 Codex 聊天，就做出了自家服务的 52 秒宣传片

yao 一边和 Codex 对话，一边用 huashu-motion 为正在内测的自家服务 Mewyo 做了一支 52 秒的宣传片。从视频里的界面看，Mewyo 可以推荐值得参考的账号、收藏起来，还能排好发布日程。视频要用的界面，是 AI 借助 Codex 的电脑操作功能（computer use）亲自打开网页截下来的。视频里有猫咪角色，以及账号推荐、收集和发布日历的界面，结尾画面出现 mewyo.co。

yao 把这支视频当作“交作业”，回复在 huashu-motion 的发布帖下：“我之前完全没有做过产品剪辑，竟然也搞出个一个能看的推广视频了。”

Reference 04发布中国公文排版技能的产品战略顾问谁是专家 · X

不是 App，而是把公文排成规定格式的工具，照样做出了展示排版过程的 30 秒宣传片

谁是专家发布了一个按中国公文格式标准（GB/T 9704）排版公文的技能，并用 huashu-motion 做了它的宣传片。开发工具是 TraeCode，模型是 DeepSeek 4.1 Flash 的上一版。视频里有公文被排版的画面和技能的仓库地址。对于结果，谁是专家的评价是“效果还不错”。

大家怎么说

好评

“这才是我觉得 AI 做视频最值钱的地方：不是第一版有多好，而是改第二版的成本低到可以随手改。”
这是给自己的 iOS 应用做 60 秒发布片、在画面上点选留下两条意见之后写下的话。
沐风AI · 稀土掘金juejin.cn
“配乐可以自动踩点，这点很省心。”
AI磊叔 · Xx.com

不足之处

“但是配乐的旋律，我做了 10 几个版本没有一个过我这关。”
AI磊叔 · Xx.com
“机器能查出框和遮挡，查不出"不好看"。”
第一版自检时错误为 0，但抽出 18 帧拼成一张图来看，发现了文字与波浪重叠等 4 处问题。
沐风AI · 稀土掘金juejin.cn
“会比较支离破碎一些，系统感不强。就暂时不放出来了。”
这是用同一个 huashu-motion 搭配另一组模型（DSH 和 K3），为自己的另一款产品「辞达」做视频后，对结果的评价。
谁是专家 · Xx.com
“A successful exit that leaves a 0-byte MP4 makes automated use and error detection unreliable.”
命令显示成功退出，却只留下 0 字节的 MP4，这让自动化运行和错误检测都变得不可靠。
这是一份问题报告：在 Windows 11 上，v0.3.1 的渲染命令有时结束后只留下一个 0 字节的 MP4。
DerWebfuchs · GitHubgithub.com

怎么开始

把下面的提示词粘贴到 Claude Code、Codex 等编程智能体里就行。电脑上需要 Node 22 及以上版本、Chrome 和 FFmpeg，作者只在 Mac 上实际跑过。在 Codex 里，可能需要你手动允许预览和启动浏览器。

起步提示词
安装 huashu-motion 技能 (https://github.com/alchaincyf/huashu-motion)，如果缺少什么程序，先告诉我。然后读一下这篇文章: https://www.working-ref.com/zh/reference/huashu-motion-2026-10 先问我产品的地址或仓库链接，再针对这个产品提出三个值得做的宣传片方案。我选定一个就马上开始做；如果都不合适，就先做一支 30 秒的发布片。
视频最后 1.2 秒默认会加上“Made with huashu-motion”署名。想去掉的话，让智能体用 data-om-signature="off" 关掉即可。

分享此参考

每周一期 · 免费

这篇参考对你有帮助吗？

每周海量 AI 资讯里的 BEST
只挑 3 条，直接送到你的邮箱

Work Smarter with AI

订阅成功下一期起，我们在你的邮箱见。