agentic-motion-graphics 可以免费使用吗？用的什么许可证？

agentic-motion-graphics 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

agentic-motion-graphics 还在维护吗？

活跃维护中。agentic-motion-graphics 最近一次提交是在 2026年9月25日。

agentic-motion-graphics 适合用来做什么？

根据官网或更新日志制作产品发布和功能宣传视频。把长篇技术文章或论文改写成带旁白的动画讲解视频。将长视频转为带逐词字幕的竖屏短视频。为演讲用的静态 HTML 或 Markdown 幻灯片添加动效。

agentic-motion-graphics 怎么安装和运行？

安装 FFmpeg 和 Node.js 22+（以 macOS 上的 Homebrew 为例）: brew install ffmpeg node 使用 TTS 脚本生成旁白音频: python3 scripts/tts_engine.py --text "Opus 5.5 solved motion graphics with code." --output audio/voiceover.mp3 在 templates/boilerplate 目录中，使用 HyperFrames 将项目渲染为 MP4: npx hyperframes render --output dist/output.mp4 --fps 30

在哪里获取 agentic-motion-graphics？

源代码和安装说明在 GitHub 上：https://github.com/siyuanfeng636-cpu/agentic-motion-graphics

siyuanfeng636-cpu/agentic-motion-graphics

一套配合 Claude Code 使用的技能与 Python 流水线，用 HTML、GSAP 动效、语音合成和 Whisper 单词级时间戳生成动态图形视频。

在 GitHub 查看

Star: 9
Fork: 0
未关闭 Issue: 0
最近提交: 27天前

这是什么？

Agentic Motion Graphics 是一个供 Claude Code 等 AI 智能体使用的技能，它把视频当作代码来生成，而不是生成式画面。智能体编写分镜脚本，用 HTML、CSS、SVG 和 GSAP 时间线构建每一帧，再通过 HyperFrames CLI 在无头 Chromium 中渲染为 MP4。

流程以音频作为时间基准：旁白可通过 OpenAI TTS 或 ElevenLabs 生成，用 ffmpeg 裁剪静音，并借助 whisper.cpp 或 faster-whisper 对齐到每个单词，使动画能绑定到精确的时间点。背景音乐和界面音效则用 Python 的 numpy 与 scipy 按 120 BPM 节奏程序化合成。

仓库包含语音合成、时间对齐和音效合成脚本，一个 HyperFrames 样板工程，以及覆盖产品发布、讲解视频、竖屏短视频、客户提案和幻灯片动效的提示词模板。

核心功能

01每一帧由 HTML、CSS、SVG 和 GSAP 时间线构建，而不是生成式视频。
02借助 whisper.cpp 或 faster-whisper 将旁白对齐到单词级时间戳。
03使用 OpenAI TTS 或 ElevenLabs 生成旁白，并用 ffmpeg 裁剪静音。
04用 Python 程序化合成 120 BPM 的背景音乐和界面音效。
05通过 HyperFrames CLI 完成代码检查、关键帧截图和无头渲染。
06以技能目录形式打包，Claude Code 可自动发现并调用。

适用场景

根据官网或更新日志制作产品发布和功能宣传视频。
把长篇技术文章或论文改写成带旁白的动画讲解视频。
将长视频转为带逐词字幕的竖屏短视频。
为演讲用的静态 HTML 或 Markdown 幻灯片添加动效。

快速上手

1
安装 FFmpeg 和 Node.js 22+（以 macOS 上的 Homebrew 为例）
brew install ffmpeg node
2
使用 TTS 脚本生成旁白音频
python3 scripts/tts_engine.py --text "Opus 5.5 solved motion graphics with code." --output audio/voiceover.mp3
3
在 templates/boilerplate 目录中，使用 HyperFrames 将项目渲染为 MP4
npx hyperframes render --output dist/output.mp4 --fps 30

使用前须知

README 中的安装示例以 macOS（Homebrew）为主，其他平台需要自行配置。
TTS 步骤需要 OpenAI 或 ElevenLabs 的 API 密钥，这些是付费服务。
该流程依赖较多组件，包括 Node.js 22+、FFmpeg、Whisper 以及 Python 音频工具。

常见问题

agentic-motion-graphics 是什么？: 一套配合 Claude Code 使用的技能与 Python 流水线，用 HTML、GSAP 动效、语音合成和 Whisper 单词级时间戳生成动态图形视频。 Agentic Motion Graphics 是一个供 Claude Code 等 AI 智能体使用的技能，它把视频当作代码来生成，而不是生成式画面。智能体编写分镜脚本，用 HTML、CSS、SVG 和 GSAP 时间线构建每一帧，再通过 HyperFrames CLI 在无头 Chromium 中渲染为 MP4。
agentic-motion-graphics 可以免费使用吗？用的什么许可证？: agentic-motion-graphics 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
agentic-motion-graphics 还在维护吗？: 活跃维护中。agentic-motion-graphics 最近一次提交是在 2026年9月25日。
agentic-motion-graphics 适合用来做什么？: 根据官网或更新日志制作产品发布和功能宣传视频。把长篇技术文章或论文改写成带旁白的动画讲解视频。将长视频转为带逐词字幕的竖屏短视频。为演讲用的静态 HTML 或 Markdown 幻灯片添加动效。
agentic-motion-graphics 怎么安装和运行？: 安装 FFmpeg 和 Node.js 22+（以 macOS 上的 Homebrew 为例）: brew install ffmpeg node 使用 TTS 脚本生成旁白音频: python3 scripts/tts_engine.py --text "Opus 5.5 solved motion graphics with code." --output audio/voiceover.mp3 在 templates/boilerplate 目录中，使用 HyperFrames 将项目渲染为 MP4: npx hyperframes render --output dist/output.mp4 --fps 30
在哪里获取 agentic-motion-graphics？: 源代码和安装说明在 GitHub 上：https://github.com/siyuanfeng636-cpu/agentic-motion-graphics

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