Opus 5.5 + REMOtion + Three.js = 搞定应用。然后，直接拍他妈的宣传片。

把产品界面变成带运镜、景深和精准布光的 3D 镜头。

完整流程如下 ↓

01 / 安装 Skills：

▸ https://t.co/9LdSkszrrB
▸ https://t.co/gZxDjMKUct

02 / 将界面拆分为图层

把 UI 面板分别导出为 PNG。将它们映射到平面上，保持原有比例，并沿 Z 轴拉开间距。

使用 MeshBASIcMaterial，这样灯光就不会影响界面的亮度。保留原始组件，方便后续更新文字。

03 / 构建可复用的运镜
通过 @remotion/three 接入场景。

把摄像机位置、注视目标和镜头时长都存成数据。用 uSECurrentFrame() 来驱动它们，这样拖动时间轴预览和最终渲染出的运动轨迹完全一致。

目标点也要跟着动。不然你的镜头会直接飞过本该展示的功能。

▸ https://t.co/NShPu32VJr

04 / 给画面加上“镜头感”

用这套 WebGL 特效链：

RendeRPAss → BokehPass → unrealBloomPass → OuTPUtPass

焦点对准当前正在演示的功能。让普通文字保持在泛光阈值以下。

发光效果别太猛。这是产品演示，不是核反应堆。

05 / 低成本预览，高质量导出

把合成注册为 TrAIler。先渲染一个小尺寸的草稿：

npx remotion render Trailer out/draft.mp4 --scale=0.5

检查剪辑节奏、文字是否清晰以及声音效果。确认没问题后再导出：

npx remotion render Trailer out/final.mp4 --codec=h264 --crf=18

建议收藏备用。