iart-ai/motion-design-skills

这是什么？

核心功能

• 01覆盖与具体工具无关的时间、缓动和动画基本原则。
• 02提供 After Effects 表达式、绑定、导出和性能排查的指导。
• 03包含 Remotion 技能，可将基于 React 的视频渲染为 MP4 或 GIF。
• 04提供适用于网页、视频和应用的 Logo 揭示、片头和加载动画方案。
• 05提供网格渐变、着色器极光和粒子背景的指导。
• 06可通过 npx 或 Claude Code 插件市场安装到多个 AI 编程代理中。

适用场景

• 让僵硬或机械感的界面动画变得更自然。
• 制作带有错峰文字揭示效果的动态字体视频。
• 借助 Remotion 从 CSV 文件批量生成数据驱动的视频。
• 为网站首屏添加细腻的循环动态背景。

快速上手

1. 1

   使用 npx 安装技能包

   npx skills add iart-ai/motion-design-skills
2. 2

   或将其添加为 Claude Code 插件市场

   /plugin marketplace add iart-ai/motion-design-skills
3. 3

   在 Claude Code 中安装该插件

   /plugin install motion-design-skills

使用前须知

• !README 将其描述为供 AI 智能体使用的提示指导，而非可独立运行的软件，且未说明可直接运行的应用。
• !完整的智能体体验托管在 iart.ai 上，README 在介绍技能时也对其进行推广。

标签

常见问题

motion-design-skills 是什么？

一组可安装的技能包，为 AI 编程代理提供动效设计、After Effects、Remotion 视频、Logo 动画和动态背景的指导。 Motion Design Skills 是一组面向 Claude Code、Cursor、Codex 等 AI 编程代理的技能包，共九个。每个技能覆盖动效设计的一个方面，包括时间与缓动、色彩与插值、镜头构图、艺术指导、After Effects 工作流、节拍同步剪辑、Remotion 程序化视频、Logo 揭示动画以及循环背景。

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

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

motion-design-skills 还在维护吗？

半年内有更新。motion-design-skills 最近一次提交是在 2026年6月22日。

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

让僵硬或机械感的界面动画变得更自然。 制作带有错峰文字揭示效果的动态字体视频。 借助 Remotion 从 CSV 文件批量生成数据驱动的视频。 为网站首屏添加细腻的循环动态背景。

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

使用 npx 安装技能包: npx skills add iart-ai/motion-design-skills 或将其添加为 Claude Code 插件市场: /plugin marketplace add iart-ai/motion-design-skills 在 Claude Code 中安装该插件: /plugin install motion-design-skills

在哪里获取 motion-design-skills？

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