awesome-motion-design-agent-skills 可以免费使用吗？用的什么许可证？

awesome-motion-design-agent-skills 以 CC0-1.0 许可证开源。用于商业产品前，请先确认许可证条款。

awesome-motion-design-agent-skills 还在维护吗？

活跃维护中。awesome-motion-design-agent-skills 最近一次提交是在 2026年10月14日。

awesome-motion-design-agent-skills 适合用来做什么？

让编程智能体在构建动效界面时遵循设计准则用 Remotion 基于 React 代码生成程序化视频在发布前审查网页动画的动效质量为动效技术栈查找维护中的动画库和技能包

awesome-motion-design-agent-skills 怎么安装和运行？

用一条命令为你的智能体安装全部五个技能: npx skills add frankxai/awesome-motion-design-agent-skills 验证已安装的技能: npx skills list

在哪里获取 awesome-motion-design-agent-skills？

源代码和安装说明在 GitHub 上：https://github.com/frankxai/awesome-motion-design-agent-skills

frankxai/awesome-motion-design-agent-skills

Q: awesome-motion-design-agent-skills 是什么？

面向 AI 智能体的动效设计资源合集，含五个可安装技能，覆盖 GSAP、Remotion、Lottie 等工具。 这是一个面向 AI 编程智能体的动效设计资源合集。内容包括 GSAP、Motion、Anime.js、React Three Fiber 等网页动画库，Remotion 视频工具，以及 Lottie 和 Rive 的运行时，并附带针对这些技术栈的第三方智能体技能包。

面向 AI 智能体的动效设计资源合集，含五个可安装技能，覆盖 GSAP、Remotion、Lottie 等工具。

在 GitHub 查看官网

Star: 69
Fork: 20
未关闭 Issue: 5
最近提交: 6天前

这是什么？

这是一个面向 AI 编程智能体的动效设计资源合集。内容包括 GSAP、Motion、Anime.js、React Three Fiber 等网页动画库，Remotion 视频工具，以及 Lottie 和 Rive 的运行时，并附带针对这些技术栈的第三方智能体技能包。

仓库自带五个 SKILL.md 格式的技能，分别用于产品界面动效与技术选型、网站电影化动画编排、基于 React 的确定性视频生成、生成式媒体路由，以及网页动效的审查与录制。文档中还包括减弱动效的降级方案和真机验证等准则。

可通过 npx skills add 在多种智能体中安装，也可通过 Claude Code 插件市场安装，或在 Claude.ai 中上传 zip 文件使用。项目采用 CC0-1.0 许可证。

核心功能

01整理 GSAP、Motion、Remotion、Lottie、Rive 等动效相关资源
02提供五个 SKILL.md 技能，覆盖界面动效、网站编排、React 视频和动效审查
03支持 npx skills add、Claude Code 插件市场和 zip 包上传三种安装方式
04包含动效质量评分标准和网站动效规范模板
05列出第三方智能体技能包及安装命令

适用场景

让编程智能体在构建动效界面时遵循设计准则
用 Remotion 基于 React 代码生成程序化视频
在发布前审查网页动画的动效质量
为动效技术栈查找维护中的动画库和技能包

快速上手

1
用一条命令为你的智能体安装全部五个技能
npx skills add frankxai/awesome-motion-design-agent-skills
2
验证已安装的技能
npx skills list

使用前须知

本仓库主要是一份精选链接列表，许多条目指向第三方项目，需要你另行审查。
安装技能会在你的智能体中执行指令，因此 README 建议在使用前先扫描第三方技能包。

常见问题

awesome-motion-design-agent-skills 是什么？: 面向 AI 智能体的动效设计资源合集，含五个可安装技能，覆盖 GSAP、Remotion、Lottie 等工具。这是一个面向 AI 编程智能体的动效设计资源合集。内容包括 GSAP、Motion、Anime.js、React Three Fiber 等网页动画库，Remotion 视频工具，以及 Lottie 和 Rive 的运行时，并附带针对这些技术栈的第三方智能体技能包。
awesome-motion-design-agent-skills 可以免费使用吗？用的什么许可证？: awesome-motion-design-agent-skills 以 CC0-1.0 许可证开源。用于商业产品前，请先确认许可证条款。
awesome-motion-design-agent-skills 还在维护吗？: 活跃维护中。awesome-motion-design-agent-skills 最近一次提交是在 2026年10月14日。
awesome-motion-design-agent-skills 适合用来做什么？: 让编程智能体在构建动效界面时遵循设计准则用 Remotion 基于 React 代码生成程序化视频在发布前审查网页动画的动效质量为动效技术栈查找维护中的动画库和技能包
awesome-motion-design-agent-skills 怎么安装和运行？: 用一条命令为你的智能体安装全部五个技能: npx skills add frankxai/awesome-motion-design-agent-skills 验证已安装的技能: npx skills list
在哪里获取 awesome-motion-design-agent-skills？: 源代码和安装说明在 GitHub 上：https://github.com/frankxai/awesome-motion-design-agent-skills

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