Repolode
提交项目
alchaincyf

alchaincyf/huashu-motion

一个让 Claude Code、Codex 等 agent 用代码直出商业级产品发布片的 skill，支持作曲配乐和在画面上指点修改。

在 GitHub 查看官网
Star
780
Fork
77
未关闭 Issue
0
最近提交
昨天

这是什么？

huashu-motion 是一个面向产品发布片的 agent skill。你可以让 Claude Code、Codex 等编程 agent 做一支 30 秒的发布视频，它会先读产品、给出几个视觉方向，再写节奏单，并用 GSAP、Canvas、Three.js 或 SVG 把整支片子写成一个 HTML 页面。画面不依赖视频生成模型，每一帧都由代码和时间决定。

项目自带浏览器编辑器，你可以在画面上点一下、写下修改意见，agent 只改对应的那一处。配乐支持用 ABC 记谱法写谱后由采样乐器演奏，也可以使用内置的兜底配乐；音效会对齐动画落点。口播可以用系统音色、Kokoro，或你自己的录音，并支持逐字对齐。

导出格式包括 MP4、带透明通道的 MOV、WebM、GIF 以及可分享的网页。运行需要 Node 22 以上、Chrome 和 FFmpeg，目前在 macOS 上测试过。

核心功能

  • 01将产品描述直接生成为一个 HTML 页面形式的完整发布片。
  • 02在浏览器编辑器中点选画面并留言，agent 只修改对应元素。
  • 03支持用 ABC 记谱法写谱并由采样乐器演奏，也内置兜底配乐。
  • 04音效与动画落点逐帧对齐。
  • 05口播支持系统音色、Kokoro 或自己的录音，并可逐字对齐。
  • 06可导出 MP4、透明 MOV、WebM、GIF 或网页分享页。

适用场景

  • 不用专业剪辑软件，为软件产品或应用制作 30 秒发布视频。
  • 将 CSV 数据做成带动画图表和解说的讲解视频。
  • 把已有的片子复制成竖屏版本。
  • 为口播视频制作名字条、数字卡和字幕等透明叠层。

快速上手

  1. 1

    用一行命令安装这个skill

    npx skills add alchaincyf/huashu-motion
  2. 2

    检查环境，看看缺什么

    om doctor
  3. 3

    运行自带的demo看效果

    om demo

使用前须知

  • 目前只在macOS上实测过。
  • 需要本机安装Node 22以上、Chrome和FFmpeg。
  • 无法生成真人和实拍画面，画面全部由代码绘制。

标签

#agent-skills#motion-graphics#animation#gsap#video#claude-code#launch-video#codex#skills

常见问题

huashu-motion 是什么？
一个让 Claude Code、Codex 等 agent 用代码直出商业级产品发布片的 skill，支持作曲配乐和在画面上指点修改。 huashu-motion 是一个面向产品发布片的 agent skill。你可以让 Claude Code、Codex 等编程 agent 做一支 30 秒的发布视频，它会先读产品、给出几个视觉方向，再写节奏单，并用 GSAP、Canvas、Three.js 或 SVG 把整支片子写成一个 HTML 页面。画面不依赖视频生成模型，每一帧都由代码和时间决定。
huashu-motion 可以免费使用吗？用的什么许可证？
huashu-motion 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
huashu-motion 还在维护吗？
活跃维护中。huashu-motion 最近一次提交是在 2026年10月19日。
huashu-motion 适合用来做什么？
不用专业剪辑软件，为软件产品或应用制作 30 秒发布视频。 将 CSV 数据做成带动画图表和解说的讲解视频。 把已有的片子复制成竖屏版本。 为口播视频制作名字条、数字卡和字幕等透明叠层。
huashu-motion 怎么安装和运行？
用一行命令安装这个skill: npx skills add alchaincyf/huashu-motion 检查环境，看看缺什么: om doctor 运行自带的demo看效果: om demo
在哪里获取 huashu-motion？
源代码和安装说明在 GitHub 上：https://github.com/alchaincyf/huashu-motion

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目