← 返回列表
未验证
面向编码 Agent 的设计感知动效工程技能集。
尚未跑自动兼容性验证，可查看页面内的依赖与入口分析。 · 最近上游提交 2026/8/5 · 已提供中文文档
Design-aware motion engineering for coding agents. 动效，是时间的排版。26-scene dispatch, engine routing, quality gates, independent review.
综合分
25.7
GitHub 分
25.7
用户评分
—
★ Stars
0
周下载量
—
安装插件（需先安装 dsh CLI 引擎：npm install -g @deepseek-ai/dsh）
dsh plugin --profile web add Leo-Ayh-Oday/motion-pro-max该插件未发布到 npm，走 GitHub 源安装（pnpm 若拦截 prepare 脚本，按其提示在 pnpm-workspace.yaml 的 allowBuilds 中放行后重跑）
数据截至 2026/9/17（元数据每日更新 · 实装验证按队列轮转，单条结论的验证时间见上方）
用户评分
还没有人投票，来当第一个
订阅周报，不错过优质插件更新
每周一封 · 高评分插件 + 新用户活动
README
Motion is the typography of time. 动效，是时间的排版。 Motion Pro Max 面向编码 Agent 的设计感知动效工程技能集。 目的 → 引擎 → 场景 → 实现 → 审查 → Evidence 一页说明 动效是界面里唯一同时具有方向、速度与情感的维度。它最容易让一个产品显得高级，也最容易让它显得廉价——而且，它最容易被大模型写坏。 Motion Pro Max 是一个 Agent Skill Pack，把"是否该动、怎么动、动完怎么审查"组织成一套可执行的工程流程。它教给编码 Agent 的不是 GSAP 语法（那是 GSAP 官方 Skills 的领地），而是动效的设计决策： 这个场景需不需要动效？ 用 CSS、Framer Motion 还是 GSAP？ 多快、多缓、用什么曲线？ 用户关了动画怎么办？ 交付之前，拿什么标准来审？ 它怎么工作 一个请求 │ ▼ Motion Brief ──────────── 目的先行：吸引注意 / 引导视线 / 反馈 / 过渡 / 氛围 │ ▼ 引擎路由 ──────────────── CSS Native · Framer Motion · GSAP，不默认任何引擎 │ ▼ 场景派发 ──────────────── 26 个场景速查：方向 / 插件 / 弹簧 / 时长 / 设计约束 │ ▼ 实现 ──────────────────── adapter（引擎实现）→ recipe（场景模板） │ ▼ 质量门 ────────────────── 🚫 Blocking · ⚠️ Warning · 💭 Preference │ ▼ motion-review ─────────── 独立 Agent 审查，5 维打分，逐项回显 │ ▼ Evidence ──────────────── claim → file → line → checker → artifact 每一步只加载当前需要的内容。首屏约 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 用法。
扫码进群