WHAT NEW IN X10.31 SAT

AI collections from X · 22 collections · 61,986 posts

claudeVIDEO

Prompt adds real 3D to Claude videos via Remotion Three.js

A prompt wires Remotion's official Three.js package and React Three postprocessing into a Claude video project for 3D panels, camera orbit, bloom and grain, all rendered from code.

Yaori
@Pashoke1Archived 6 days agoOriginally posted 2026.10.23
Yaori @Pashoke1Originally posted 2026.10.23
Open original on X

YOUR CLAUDE VIDEO LOOKS CHEAP BECAUSE IT'S FLAT. ONE PROMPT FIXES THAT most Claude launch videos are cards sliding around on a flat background. that's not a Claude limit. it's a prompt limit. Remotion has an official Three.js package (http://remotion.dev/docs/three) that puts a real 3D scene inside your video. real camera, real light, real depth. add the React Three postprocessing library and you get bloom, chromatic aberration and grain on top. it's still code, so you still fix it by typing. the prompt: "Add Remotion's Three.js package and the React Three postprocessing library to my Remotion project. Rebuild the hero scene in real 3D: my app screens as floating panels around a phone, a slow camera orbit, a soft key light and a violet rim light. Add bloom on the bright parts, light chromatic aberration and film grain. Use Remotion's seeded random() so every frame renders the same. Keep all timings in one config file." two things that save you an hour: → render with gl set to "angle". the Remotion docs say Three.js doesn't work with the default OpenGL renderer → 3D renders slower. preview at --scale=0.5 before the full render everything in this video is rendered from code. no Blender, no After Effects. full workflow in the article ↓

This post quotes another post: x.com/pashoke1/status/2112209134883897736

x.com/pashoke1/status/2113574013523898660Archived 2026.10.24 10:02