Motion Craft 是一套面向网页界面动效的规则与工作流技能,用于查找、指定、审查或改进动效。其核心主张是:动效必须澄清变化、提供反馈、保持连续性或表达产品性格;没有明确职责的动效应被删除而非调参。多数动画问题不是调参问题,而是本应被否决的决策。
主要能力:提供动效原则、手势物理、审查协议、界面原则与证据验证等参考文档;给出十条不可妥协规则,包括目的正当、频率适配、响应式缓动、UI 时长低于 300ms、物理原点、可打断、仅用 GPU 属性、无障碍、非对称与一致性;并列出应直接标记的问题,如 transition: all、scale(0) 入场、UI 上使用 ease-in、高频操作加动画、无理由超过 300ms、触发锚定浮层从中心缩放、动画化布局属性、缺少 prefers-reduced-motion 处理等。
使用方式:先选择模式——brief 将想法转为精确动效规格;opportunities 寻找真正受益的动效并指明应保持静态之处;review 在不改代码的前提下评估现有动效;improve 产出按优先级排序、自包含的修正计划,经用户批准后再实施。仅在用户动词明确时推断模式,否则询问。所有模式前需完成共享信息收集与目的门禁。
适用场景:网页界面动效设计、评审与改进,尤其适合需要克制、可访问、性能友好的动效决策。限制:资料未提供具体安装命令、收费、价格或平台支持信息;部分数值与阈值需查阅其参考文档,不应凭记忆近似。