threejs-skills

Как Opus экономит бюджет на Seedance Раньше 3D-раскадровки делали в Blender — долго и дорого. Теперь можно построить и анимировать сцену прямо в Claude или ChatGPT через скилл Three.js. Выгода простая: согласуешь динамику и ракурсы в трёхмерном... cloudai-x/threejs-skills

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: ▸ remotion-dev/skills ▸ CloudAI-X/threejs-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. ▸ remotion.dev 04 / Give it a lens Use this WebGL effects chain: RenderPass → BokehPass → UnrealBloomPass → OutputPass Focus on the active feature. Keep ordinary text below the bloom threshold. Easy on the glow. It’s a product demo, not a nuclear reactor. 05 / Check cheap. Export clean. Register the composition as Trailer. Render a smaller draft first: npx remotion render Trailer out/draft.mp4 --scale=0.5 Check cuts, readable labels and sound. Then export: npx remotion render Trailer out/final.mp4 --codec=h264 --crf=18 Bookmark it.

ThreeJS Skills Completely renewed and revamped. CloudAI-X/threejs-skills

@finebutwhy Try muse again with this skill github.com/CloudAI-X/threejs-skills/blob/main/ski…