3D & Generative · Oct 23, 2026

Opus 5.5 + Remotion + Three.js = build the app. Then shoot the f*cking trailer.

Opus 5.5 + Remotion + Three.js = build the app. Then… by eigen, credited to Claude Opus 5.5. Watch the 3D & Generative video and visit the original X post.

eigen@e1genqq
View on X
Opus 5.5
7 likes · 592 views on X, checked Oct 27, 2026
From the creator’s post · eigen on X
Opus 5.5 + Remotion + Three.js = build the app. Then shoot the f*cking trailer. Turn product screens into 3D shots with camera moves, depth of field and controlled lighting. Here’s the setup ↓ 01 / Install the skills: ▸ ▸ 02 / Split the interface into layers Export UI panels as separate PNGs. Map them onto planes, preserve their proportions and spread them along the Z axis. Use MeshBasicMaterial so lights don’t change screen brightness. Keep the original components for text updates. 03 / Build repeatable camera moves Connect the scene through @remotion/three. Store camera positions, look-at targets and shot timings as data. Drive them with useCurrentFrame() so scrubbing and rendering produce the same movement. Animate the target too. Otherwise your camera flies past the feature it should demonstrate. ▸ 04 / Give it a lens Use this WebGL effects chain: RenderPass → BokehPass → UnrealBloomPass → OutputPass Focus on the active feature. Keep ordinary text below the…
From the creator

The prompt behind it.

The creator has not shared a public prompt. Visit the original post for more about this work.

Video and prompt by eigen. Original post ↗