phone-ui-demos
Installation
SKILL.md
手机系统 UI 演示动画(一台"真手机"的电影化录屏)
把任意内容做成一辑看起来像真手机精心编排录屏的网页动画:1920×1080 舞台中央一台 3D 姿态活灵活现的手机,内容通过锁屏通知、聊天、设置页、控制中心、App 界面等系统组件逐镜头呈现。整辑接入电影化播放器(黑场起手 / 虚拟时钟 / 分段进度跳转 / 静音开关),可直接全屏录屏当成片用。
与 video-shot-demos(分镜风格轮换体系)同源的播放器底盘,但本 Skill 的画面法则完全不同:不是 29 种风格轮换,而是全系列统一一套 HyperOS/MIUI 设计语言,靠"壁纸渐变 + 系统场景 + 手机 3D 动作"制造镜头差异。
创作哲学(决定一切产出质量)
- 一切信息都要变成"手机里发生的事"。禁止把普通网页元素(普通段落/按钮/导航栏)铺进屏幕——论点变锁屏通知、对话变聊天气泡、数据变圆环滑条、流程变设置列表。像真录屏,不是 PPT。
- 真机感来自细节:机身侧键与天线带、挖孔摄像头、屏幕反光、实时状态栏、Home 指示条、壁纸视差。观众潜意识里信了这台手机,演示才有说服力。
- 手机是活的演员:有 3D 姿态(摇摆/前倾/横过来/旋走退场),点按会前倾、盖章会震动、强调会转向观众。一台静止的手机=一张截图。
- 镜头连续性是铁律:整辑统一背景氛围;除首镜头外手机直接在场(不重播登场动画),每镜初始姿态"接续上镜余韵"。
- 两侧大字幕是舞台的一部分:口播文案不放底部字幕条,而是放在背景层(手机图层下方)左右两侧,渐变文字 + 多种入场效果,大而有冲击力。
- 每个镜头只讲一件事:一句话 + 一个视觉主体,6–12 秒一次完整的系统交互。