motion-skills

motion-skills 快速入门

motion-skills 是一个包含 50 个动效技能的 Skill 包集合，专门教 AI 编码 Agent 制作动态图形、动画和视频。它由 iart.ai 团队创建，2026 年 6 月下旬开源（MIT），将专业动效设计能力打包为 Agent 可以直接使用的 Skill 文件。

这套 Skills 覆盖了从动态排版、数据可视化动画、解说视频到 TikTok Reels 的广泛场景。底层基于 Remotion——一个用 React 编程创建视频的框架——motion-skills 在其上提供了 AI Agent 友好的封装层。

功能特性

50 个专业动效 Skill

motion-skills 包含 50 个独立的 Skill，每个解决一个具体的动效需求：动态标题、数字滚动、图表动画、文字渐现、粒子效果、3D 卡片翻转等。Agent 按需加载对应的 Skill，不需要理解 Remotion 的复杂 API。

14 个可安装 Skill 包

Skills 被组织为 14 个主题包（如 typography、data-viz、social-media、explainer-video），可以按需安装。不需要全部下载——只安装你需要的动效类型。

多 Agent 兼容

兼容 Claude Code、Codex 等主流 AI 编码 Agent。Skill 文件使用标准 Markdown 格式，包含完整的代码模板和参数说明，Agent 可以直接生成可运行的 Remotion 代码。

Remotion 视频渲染

底层使用 Remotion 进行视频渲染，支持输出 MP4、GIF、WebM 等格式。Remotion 的 React 编程模型让视频制作像写前端代码一样直观——用组件拼装画面，用状态控制动画。

竞品对比

与 html-video 对比：html-video（nexu-io）是通用 HTML→视频工具，21 个基础模板。motion-skills 是 50 个专业动效 Skill，在动效设计方面更专业和丰富。两者互补——html-video 适合简单视频，motion-skills 适合高质量动效。

与 Remotion 对比：Remotion 是 React 视频框架，需要开发者有 React 经验。motion-skills 在 Remotion 之上提供了 AI Agent 可以直接使用的 Skill 封装，降低了 Agent 生成视频的门槛。

适用场景

AI Agent 自动生成动效视频：让 Agent 根据数据自动生成动态图表视频、产品演示动画。

社交媒体短视频批量制作：使用 social-media Skill 包，Agent 可以批量生成 TikTok Reels、Instagram Stories 等格式的短视频。

数据可视化动画：使用 data-viz Skill 包，将静态图表转化为动态展示，适合报告和演示场景。

参考链接

• motion-skills GitHub
• Remotion 文档
• iart.ai 官网