
精选的运动设计代理技能:GSAP、Motion、Remotion、Lottie 和 Rive,用于网页动画、程序化视频和动态质量保证。可安装于 Claude Code、Codex、Copilot 中。
概览
AI代理的动作设计栈——精心策划的GSAP、Motion、Remotion、Lottie和Rive资源,以及五个可安装技能,让代理们以品味进行动画。 每条条目都链接到其主要来源,并带有过时的脉搏。伴随书FrankX将“sit”列在末尾,从未在前面。 先行静态层级。仅为澄清状态或叙事而进行动画。设计减速路径——不要仅仅禁用它。在真实设备上验证。 五个技能以开放标准 SKILL.md 文件夹形式提供技能,所以一个来源涵盖所有表面。 用 npx 技能预览,添加 frankxai/awesome-motion-design-agent-skills --list ;用 npx 技能列表验证。在第三方包进入上线配置文件之前,用 NVIDIA/SkillSpector 扫描。 五项一手技能,每项工作一项。阅读 SKILL.md,然后只安装工作所需的内容。 新来的吗?GETTING_STARTED会走进发现阶段→阅读→安装→验证。 操作员从中获得杠杆,而非批量倾销。方法:技能指数·安全门。
概述(AI 翻译)
AI代理的动作设计栈——精心策划的GSAP、Motion、Remotion、Lottie和Rive资源,以及五个可安装技能,让代理们能以品味进行动画。
每条条目都链接到其主要来源,并带有过时的脉搏。伴随书FrankX将“sit”列在末尾,从未在前面。
原则: 先采用静态层级。仅用于澄清状态或叙事。设计减速路径——不要仅仅禁用它。在真实设备上验证。
安装
五个技能以开放标准的SKILL.md文件夹形式发售,因此一个来源涵盖所有表面。
| 表面 | 安装 |
|---|---|
任何特工 — Claude代码、Codex、Cursor、副驾驶、双子座CLI及更多70+,通过vercel-labs/skills |
npx skills add frankxai/awesome-motion-design-agent-skills |
本页由 AI 翻译,技术细节请以原文为准。
README
以下为原文 README 节选,完整内容请查看原文。
Awesome Motion Design Agent Skills 
The motion-design stack for AI agents — curated GSAP, Motion, Remotion, Lottie and Rive resources, plus five installable skills that make agents animate with taste.
Every entry links to its primary source and carries a dated pulse. Companion FrankX lists sit at the end, never in front.
Doctrine: static hierarchy first. Animate only to clarify state or narrative. Design the reduced-motion path — don’t just disable it. Verify on real devices.
Install
Five skills ship in skills/ as open-standard SKILL.md folders, so one source feeds every surface.
| Surface | Install |
|---|---|
Any agent — Claude Code, Codex, Cursor, Copilot, Gemini CLI and 70+ more via vercel-labs/skills |
npx skills add frankxai/awesome-motion-design-agent-skills |
推荐工具
换一个关键词,或者移除筛选条件。
安装
npx skillfish add frankxai/awesome-motion-design-agent-skills