用途：把 MotionSites 的暗色 Framer Motion 系统方法转化为可执行、有案例依据的工作流，用于网页 3D 与动效首屏的规划、设计与实现。技能强调最终产物必须能追溯到唯一一个具名锚点案例。
主要能力：先收集缺失输入（页面目标、受众、卖点、主行动；内容、证明、产品素材、技术栈；响应式、无障碍、性能与交互约束；首选锚点案例或授权自选）。每次调用前必须读取 references/cases.md，选定恰好一个锚点案例并在回复中具名，不得混合多个无关视觉风格。需用可用的图像、视频或浏览器工具检查锚点成品媒体；若无法检查，须说明并不得声称视觉还原。
使用方式：先写参考契约，包含 Preserve（至少三项由案例证据支持的结构特征）、Replace（用户提供的主体、文案、品牌或语境）、Avoid（无关主导母题与对创作者身份的浅层复制）。随后按流程执行：复述交付物、受众与成功标准；读取案例并选锚点；检查其成品媒体、摘要与提示摘录；产出参考契约；选定一个视觉主角；指定滚动或交互触发；限制首屏资源与移动端回退；产出交付物；与锚点对比后对重大失败修订一次。
输出契约：具名锚点案例的参考契约、页面叙事与分区层级、组件与交互规范、可直接实现的文案或代码、响应式与无障碍及性能验证清单。验证要求首屏传达一个价值主张与一个主行动，各分区推进同一用户旅程，检查响应式、键盘访问、对比度、加载与动效回退，并区分观察证据与自身建议。
限制：不得编造原始提示、模型、结果、创作者、指标或来源；不得暗示本技能由被引用创作者创作、背书或官方分发；复现或讨论来源案例时保留创作者署名；不得冒充创作者或把近似复制当作原创；未经用户明确批准不得发布、购买、上传私有素材或更改外部账户。若成品媒体不可访问，结果须标注为基于提示而非视觉验证。