Leo-Ayh-Oday/motion-pro-max

README excerpt

Motion Pro Max Motion is the typography of time. 动效，是时间的排版。 Design-aware motion engineering for coding agents. Purpose → Engine → Recipe → Implementation → Review → Evidence 一页说明 动效是界面里唯一同时具有方向、速度与情感的维度。它最容易让一个产品显得高级，也最容易让它显得廉价——而且，它最容易被大模型写坏。 Motion Pro Max 是一个 Agent Skill Pack ，把"是否该动、怎么动、动完怎么审查"组织成一套可执行的工程流程。它教给编码 Agent 的不是 GSAP 语法（那是 GSAP 官方 Skills 的领地），而是 动效的设计决策 ： 这个场景需不需要动效？ 用 CSS、Framer Motion 还是 GSAP？ 多快、多缓、用什么曲线？ 用户关了动画怎么办？ 交付之前，拿什么标准来审？ 它怎么工作 每一步只加载当前需要的内容。首屏约 4KB，之后按需深入。 26 场景，一次查表 references/scene-dispatch.md 是唯一权威派发索引。每个场景一行：方向、插件、弹簧、时长、设计约束。 场景 弹簧 时长 一句约束 1 Hero 首屏 dramatic 600–900ms stagger 指数递减 · 禁 ease 3 滚动叙事 cinematic scrub 单 master timeline · reduced-motion 11 页面过渡 power2.in/out 300–500ms 退场快于入场 15 Modal / Dialog snappy 200–400ms 遮罩 OKLCH · 退 0 或总分 这是 Skill Pack，不是自动执行的 Harness。能力描述只覆盖已实现的部分——一个诚实的开头，好过一个夸张的版本号。 License MIT — 本仓库原创内容。 GSAP 库本身为 GreenSock 标准许可证（非 MIT） ；本仓库不复制或再分发 GSAP 源码，示例仅展示其公共 API 用法。

Category