这个 Skill 让 Claude 直接懂动效，14 包系列里的 motion-design 一包封神

做动效最难的不是写代码，是”节奏感”——什么时候 ease-out、什么时候 staggered 入场、什么时候该让画面”呼吸”。这块儿以前全靠设计师手感，现在 iart.ai 把整套 motion design 的”老师傅经验”打包成了 Claude 能直接调用的 Skill。

iart-ai/motion-design-skills（⭐30）来自 14 包系列里专攻动效设计的这一包，专门给 AI coding agent 当”动效导师”。装好之后 Claude 会自动懂动效语言——你不用再说”怎么让它不那么僵硬”，它自己就知道该上 spring 还是 bezier、该 stagger 几帧、什么时候该叠 Ken Burns。

它装了什么

• animation-principles：动效 12 法则，tech-agnostic 的节奏、缓动、节奏感判断
• color-motion：配色、OKLCH/Lab 感知插值、渲染色彩管理
• shot-composition：网格、安全区、焦距层级、2D/3D 镜头语言
• motion-art-direction：资深创意指导——动效语言、tone、pacing、克制
• after-effects：AE expressions、rigging、导出、性能 triage
• beat-sync-editing：卡点剪辑、转场、retiming、速度斜线
• remotion-video：React 写程序化视频，CSV 一行一条出片
• logo-animation：logo reveal、stinger、splash、loader
• motion-background：mesh gradient、shader aurora、粒子星空、循环背景

9 个子 skill 全是 single-purpose 的，按需 npx skills add iart-ai/motion-design-skills --skill logo-animation 就能单装。

谁该用它

• 给 SaaS 落地页做 5 秒 hero 动效、却总被设计师说”太硬太僵”
• 用 Remotion 批量出数据视频，每条都要卡拍、卡节奏
• YouTube/Podcast 节目需要统一片头、品牌 stinger、节拍感字幕
• 设计师和前端”翻译”成本高，希望 AI 直接出有节奏感的成片

最香的是 deliver-and-verify 机制：每个 skill 配脚本可以抽帧截图、自检、回归重渲染。AI 不再”凭感觉写完就交”，而是真做到”先 render 一帧 → 截图看 → 不行就改 → 再 render”。这是真正能上生产线的动效流水线。

装一下试试

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

或者作为 Claude Code plugin marketplace 装：

/plugin marketplace add iart-ai/motion-design-skills
/plugin install motion-design-skills

支持 Claude Code、Cursor、Codex 还有 40+ 个 AI coding agent，同一套 prompt 在哪儿都好使。

一句话总结

做动效从”凭感觉”到”有方法论”——这是目前把 motion design 知识工程化做得最彻底的一包 Skill，对设计创意从业者尤其友好。配合它家的 iart.ai 在线 agent，连 prompt 都不用写，直接拿 CSV 出片。

GitHub: https://github.com/iart-ai/motion-design-skills

GitHub: https://github.com/iart-ai/motion-design-skills