motion-skills

给 AI 编程助手装上动效技能包，一句话生成动态视频

开源 🏷️定价信息待确认 ⏳ 访问状态待核验视频生成 🍴 复刻 122 🐛 待处理 2 👀 关注 7

访问官网 ↗ GitHub ↗

GitHub 星标 ★ 1405

维护状态活跃

是否开源开源

定价模式 🏷️定价信息待确认

项目预览

motion-skills 项目界面预览图 — 图片来源：GitHub 官方仓库名片

项目数据

分类视频生成

开发团队iart-ai

官网地址https://www.iart.ai/skills

GitHubhttps://github.com/iart-ai/motion-skills

定价模式🏷️定价信息待确认

价格说明定价信息待确认

访问状态⏳ 访问状态待核验

是否开源是

开源协议MIT

主要语言HTML

技术栈/模型agent-skills,ai-agents,ai-animation,animation,claude-code,claude-skills,codex,cursor,data-visualization,deepseek,explainer-video,gsap,kinetic-typography,manim,motion-design,motion-graphics,remotion,skills,threejs,video-generation

GitHub 星标★ 1405

上线时间2026-06-22 00:00:00

代码更新2026-11-11

仓库体积4.9 MB

本站数据更新2026-11-13

维护状态活跃

收录时间2026-11-13

浏览次数0

项目介绍

motion-skills 是 iart.ai 开源的一套面向 AI 编程智能体的动效与视频制作技能库，把动效设计经验拆成 56 个可复用的 skill，打包成 19 个可安装包，让 Claude Code、Cursor、Codex 等编码智能体在写代码时直接产出动态图形。它解决的是通用大模型“会写代码但不懂动效”的问题：节奏、缓动、排版动势、数据可视化叙事这些隐性知识通常散落在设计师脑中，项目将其固化为可加载的指令与示例。核心能力覆盖动态字体（kinetic typography）、数据可视化动画、讲解类视频、短视频竖屏模板、WebGL 交互效果以及 Manim 数学动画等方向，用户按需安装对应技能包，智能体即可在生成 HTML/JS 或 Manim 脚本时遵循统一的动效规范。项目以 HTML 为主要载体，安装门槛低，适合把“做一段动效视频”变成一句自然语言指令的轻量工作流。

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

数据来源：GitHub API 逐日快照 · 收录于 2026-11-13 · 当前星标 ★ 1405

技术标签

agent-skills ai-agents animation claude-code claude-skills

使用教程

ℹ 本教程由 AI 依据该项目 README 整理，个别步骤可能需要按你的环境微调。

难度：入门约 10 分钟部署方式：命令行工具 5 步

环境要求

Node.js 环境（提供 npx 命令，版本需支持 npx）
可用的 npm 软件源（安装时需下载技能包）
已安装的 AI 编程智能体：Claude Code、Cursor 或 Codex 等
按需选择技能包，无需全部安装

安装与启动步骤

1确认 Node 与 npx

在终端确认 npx 可用；若提示 command not found，需先安装 Node.js 再继续。
```
npx --version
```
2挑选需要的技能包

项目共 19 个可安装包、56 个技能，按方向选择：竖屏短视频、数据动画、文字消息视频等。
3安装短视频技能包

用 npx skills add 拉取指定仓库；命令中的仓库名要与目标包一致。
```
npx skills add iart-ai/tiktok-video-skills
```
4安装数据动画技能包

同一套命令安装第二个包，多个包可分别安装、互不影响。
```
npx skills add iart-ai/data-animation-skills
```
5在智能体中调用技能

在 Claude Code / Cursor / Codex 里描述动效需求，智能体按技能内的指令生成并自检画面。