用途：面向产品发布、App 演示与设计稿展示，将用户提供的 UI 内容真实渲染到 iPhone / MacBook 的“屏幕”中，周围用 CSS 3D transform 模拟玻璃、高光与折射，灵感来自 hyperframes vfx-iphone-device。
主要能力：画布为 1920×1080，暖灰渐变背景与底部反射地面；iPhone 15 Pro 模型位于左侧或中部，使用 rotateY(-12deg) rotateX(4deg) translateZ(40px)，钛金属银边框与 56px 屏幕圆角，屏幕内嵌真实渲染用户 HTML 的 div（mobile viewport 375×812）；可选第二台 MacBook Pro 14" 位于右侧，上盖嵌入桌面 viewport 内容（1440×900 缩放），底座键盘与 trackpad 用 CSS 阴影线条绘制；顶部加 2-3 个椭圆高光模拟玻璃镜头光斑；设备下方用 scaleY(-1) 与 mask-image 做地面反射。
使用方式：用户提供文本或数据时，自动渲染为 mock app 界面（状态栏、标题、body、底部 tab bar 或 home indicator）；提供 HTML 时原样嵌入屏幕 div 并按屏幕宽高缩放。屏幕内 UI 用 Tailwind，字号按移动端真实尺寸。可选右下角产品角标、顶部 caption，以及 8s 自动 CSS 转盘动画，并可通过 prefers-reduced-motion 关闭。
限制：不使用外部 mockup 图片 URL，设备全部用 CSS / SVG 绘制；背景可选 charcoal / pearl / midnight blue / mocha 四套调色，不用彩虹渐变；单文件 HTML，不使用 iframe srcdoc 嵌套；必须用用户真实数据填充屏幕，禁止 lorem ipsum 或占位文本。具体安装命令与收费信息暂未提供。