用途：在给网站或应用添加大量动效之前使用，帮助确定品牌、路由、受众与首个用户任务，先定义静态首屏阅读，再命名动效任务（定向、揭示、解释、确认、对比、表达品牌或转化）。
主要能力：提供一套工作流——通过静帧门槛、编写节拍序列（铺垫、触发、主动作、次要支撑、保持、最终状态）、选择最轻量运行时、同步指定减弱动效、规范清晰后再实现、用浏览器截图/移动端/减弱动效/视频帧验证，并用卓越门槛评分。
运行时规则：简单状态变化、悬停/聚焦、骨架屏和低风险揭示用 CSS；组件编排、布局过渡、存在感和 React 滚动用 Motion for React；固定、擦洗、吸附、SVG/canvas 或复杂时间线用 GSAP ScrollTrigger；交互式矢量状态机用 Rive；可移植非交互矢量循环用 Lottie/dotLottie；仅当 3D 为核心且视觉验证通过时用 Three.js；渲染视频、社交变体、产品讲解用 Remotion；Grok/imagegen/Veo/Sora/Luma/Runway/Higgsfield 仅作源生成，需在上下文中完成与质检。
品味规则：动效是时间维度上的层级；不要给弱静帧加动效；让一个对象成为主角；用静止制造对比；重复任务动效保持短而安静；不要把精确产品文字烘焙进生成图像或视频；移动端视为独立编排；有意义动效必须带减弱动效行为。
必要用法：大量站点动效使用 templates/site-motion/SITE_MOTION_SPEC.md，交付前使用 rubrics/site-motion-excellence-gate.md。输出应包含动效论点、首读诊断、静帧判定、动效地图、运行时选择、减弱动效方案、实现任务、所需 QA 证明与卓越评分。
限制：资料未提供具体收费、价格、平台支持范围或效果保证；实际实现细节需结合项目上下文确认。