AI UI/UX Motion Engine 是一个用于网站界面与交互动效设计、重设计、构建和审计的技能，重点关注电影感滚动揭示、产品影片、爆发或爆炸视图等效果。以下依据技能说明整理其用途、流程与限制。
用途与定位 该技能用于从参考资料中提炼结构与交互输入，创建项目专属的网站体验。资料明确要求：参考素材只能作为结构、视觉和交互输入，不得据此克隆品牌、文案、代码或受保护资产。
主要规则 编辑前需阅读适用的 AGENTS.md、事实来源文档、设计系统与当前工作区变更；定义有界目标、验收标准、依赖、花费与验证计划；默认保留现有技术栈，除非用户明确授权更改；区分观察、事实、提议、生成的可视化与未知项；内容与操作在无动效、无 JavaScript 或受限数据使用下仍应可用；未经直接证据不得声称电影级一致性、产品准确性、无障碍、性能或发布就绪；未经用户授权不得配置付费服务或消耗额度。
电影感意图门 当请求或参考涉及电影感、沉浸式滚动体验、产品开合/装配/爆炸/变形、镜头环绕/推拉/微距检视、由滚动控制的摄影级运动，或依赖视角与物体状态变化的参考时，触发该门。需先把用户要求的成果记入 intent.requestSummary，记录标志性瞬间、进程、收尾、所需效果与不可接受的替代方案；分类真实模式（illustrative、identity-locked、evidence-accurate）；确认参考场景、源图或 CAD、旗舰与辅助瞬间的数量与位置、目标设备、媒体供应商访问与额度/尝试上限；若参考为视频，需检查关键帧及可用的字幕、提示包与描述链接。
依赖与失败处理 摄影级镜头运动或物理形变需要合适的源媒体，以及图像/视频生成、3D 或合成路径；CSS 无法凭空创造未见的视角。若所需供应商或源素材不可用，应停止电影感资产工作，诚实提供静态布局或回退，不得用淡入、缩放或库存背景视频冒充等效效果。
旗舰门与校验脚本 技能认为全屏、首页、主角、沉浸式、复杂、爆发、爆炸或编排式滚动旅程属于旗舰，除非用户明确要求较小的辅助镜头。付费生成前需运行： node scripts/validate-cinematic-brief.mjs cinematic-brief.json --check-files node scripts/render-cinematic-prompt.mjs cinematic-brief.json --mode flagship 校验器应拒绝层级降级、仅镜头故事、缺少起承转合、源覆盖不足、缺少所要求的形变以及未验证的供应商路径。生成后记录视觉证据并运行： node scripts/validate-creative-acceptance.mjs creative-review.json --stage review 仅在负责人批准确切私有证明后使用 --stage integration。
供应商访问规则 优先使用结构化供应商访问：认证的 CLI、原生连接器 MCP、受支持的 API；仅当所有程序化路径都无法获得所需控制时才用浏览器控制，并在简报中记录该限制。Higgsfield 生成前运行 scripts/higgsfield-preflight.mjs，检查 CLI 账户连接且不消耗额度。
标准工作流
- 建立简报与基线：记录目标、受众、路由、内容/证据规则、目标设备、框架、发布边界与构建/测试状态。
- 提取参考：映射构图、字体、颜色、图像、入场、滚动、悬停、拖拽、镜头运动、物体状态与时间；区分可复用原则与身份相关素材；可运行 bash scripts/extract-reference-frames.sh <video> <output-directory>。
- 锁定一个方向：写七行可实施内容，涵盖目标/受众、语气、构图、字体、颜色/媒体、动效/减少动效及一个标志性差异点。
- 选择架构：按需采用 CSS、Intersection Observer、现有动效库、GSAP、生成或拍摄媒体、全帧内视频或画布帧、WebGL/3D。电影感产品运动以媒体为核心，应先证明媒体。
- 有界分步实现：先构建语义内容、宏观布局、获批的标志性动效、微状态、响应式构图与编辑润色；文本、标签与操作保留在 DOM 中，不烘焙进生成媒体。
- 验证：每个组件后测试指针、键盘、触摸、减少动效、目标视口与运行时行为；电影感媒体还需验证身份/数量/几何、首末状态、正反向滚动、裁剪与回退；运行： node scripts/audit-motion-safety.mjs <project-directory> node scripts/validate-scroll-media.mjs <shipping-scroll-master.mp4> --poster <shipping-poster.jpg> node scripts/validate-package.mjs 若媒体校验失败，不得发布滚动播放器，应改用编号画布序列或静态回退。
资源与脚本 说明列出 cinematic-intake.md、cinematic-prompts.md、generated-product-scrubber.md、media-pipeline.md、tool-connections.md、motion-patterns.md、framework-recipes.md、accessibility-performance.md、prompts.md、source-coverage.md 等文档，以及 assets/cinematic-brief.example.json、assets/creative-acceptance.example.json、assets/cinematic-scroll-controller.js 和 scripts/validate-cinematic-brief.mjs、scripts/validate-creative-acceptance.mjs、scripts/higgsfield-preflight.mjs、scripts/test-cinematic-regressions.mjs、scripts/render-cinematic-prompt.mjs、scripts/prepare-scroll-media.sh、scripts/validate-scroll-media.mjs 等脚本。
适用场景与限制 适用于需要电影感滚动叙事或产品动态展示的网站设计与重设计。限制在于：强依赖合适源媒体与供应商权限；生成结果具随机性，首次渲染不保证通过；时间和额度属目标而非保证；缺少信息时需先追问精度、场景位置、源资产、供应商访问与额度上限；所有脚本与校验仅按资料说明使用，具体项目中的兼容性暂未提供。