用途：把任意内容做成看起来像真手机精心编排录屏的网页动画。禁止把普通网页元素直接铺进屏幕，论点变锁屏通知、对话变聊天气泡、数据变圆环滑条、流程变设置列表。
主要能力：1920×1080 舞台 + 统一氛围层 + 全细节真手机（侧键、天线带、挖孔摄像头、屏幕反光、状态栏、Home 条）；phoneTo 3D 姿态系统（摇摆/前倾/横转/旋走退场）；背景层左右两侧渐变大字幕（11 种入场效果）；系统 UI 组件库与内容转译映射；电影化播放器：黑场起手、虚拟时钟、分段进度跳转、静音开关，音效 WebAudio 合成默认静音。
使用方式：第 0 步通读素材，拆成 5–9 个镜头（每个 6–12s），输出分镜表（镜头/时长/系统场景/壁纸渐变/手机 3D 动作/信息点）确认。第 1 步从 assets/template.html 复制起步，只改画面层与 cue；按需读 references/player-and-navigation.md、phone-stage.md、bg-captions.md、system-ui-patterns.md，参考 assets/examples/kexue/ 实例。第 2 步无头截图质检：node ../video-shot-demos/scripts/shot.js 页面.html 6000 _t6s.png。第 3 步做同设计语言的 index.html 总览。快捷键：Space 暂停、R 重播、←→ 切镜头。
适用场景：产品功能演示、知识点讲解、口播稿配画面、需要“真机录屏感”的网页动画成片。
限制与要求：镜头连续性为铁律，除首镜头外手机直接在场且初始姿态接续上镜；每镜头 ≥2 次手机 3D 动作；图标全内联 SVG，无 emoji、无真实品牌商标；口播文案不放底部字幕条而放背景层两侧。安装方式、价格与授权信息暂未提供。