Motion Director · Agent Skill

从产品场景出发,写出有判断的动效。

把触发、状态与结果组织成一份 Motion Blueprint。Skill 可以给出方向、组合产品瞬间、生成实现,并审查已有动效。

一个真实产品瞬间240ms · status

发送审批请求,状态一起抵达。

主按钮、审批摘要和审批人记录共享同一份节奏,结果留在界面里。

Release notesv2.0
Motion Director向两位审批人发送请求草稿
发送请求
五种工作方式

给出场景,接住完整的动效决策。

从一句模糊描述到一段可交付的实现,每一步都保留前一步的理由。

01

推荐

把一句产品需求收敛为一组有理由的动效候选。

候选、适用场景与取舍
02

编排

用状态图、角色和节拍组织一段完整产品瞬间。

Motion Blueprint
03

实现

产出贴合现有界面的 HTML、CSS 和必要的交互 JavaScript。

可接入实现
04

评审

检查状态含义、节奏、可中断性、性能和减弱动效。

按优先级排序的修改清单
05

贡献

把成熟方案整理为可验证候选,进入公开内容的审核流程。

候选规范与验证记录
Motion Blueprint

一份蓝图,连接选择与实现。

它让产品状态、参与元素、节奏和减弱动效处在同一个交付物里。

打开候选库
approval-request
触发
发送请求
状态图
待发送 → 发送中 → 等待回复
参与元素
发送请求 · 审批摘要 · 审批人列表
节奏
0ms / 150ms / 190ms
减弱动效
直接切换按钮、摘要和审批人状态,不使用位移。
候选内容

让真实项目继续扩充这套语言。

新的场景先进入候选库,经过实现、可访问性和场景复用检查后,再成为公开内容。

打开候选库
两条并列目录

从素材出发,或从场景出发。

产品瞬间与动效基础提供可预览的参考;Motion Director 把它们带回你的项目。