WHAT NEW IN X10.29 THU

AI collections from X · 22 collections · 58,925 posts

claudeVIDEO

20 open-source repos turn Opus 5.5 into a motion design studio

A roundup of 20 open-source repositories covering storyboards, typography, assets, character states, keyframes, 3D and rendering, with Opus 5.5 tying together the full pipeline from sketch to final frame.

virgilxbt
@virgilxbtArchived 11 days agoOriginally posted 2026.10.17
virgilxbt @virgilxbtOriginally posted 2026.10.17
Open original on X

This is pure f*cking treasure. 20 GitHub repos that turn Opus 5.5 into a full motion design studio. Storyboards, type, assets, character states, keyframes, 3D, render. The whole pipeline from the first sketch to the last frame, all open source. DESIGN + STORYBOARD 01 Penpot https://github.com/penpot/penpot -> layouts and reusable components 02 Excalidraw https://github.com/excalidraw/excalidraw -> rough out the storyboard 03 Fontsource https://github.com/fontsource/fontsource -> self-host every font 04 Lucide https://github.com/lucide-icons/lucide -> one consistent SVG icon set ASSETS + CHARACTER ANIMATION 05 SVGO https://github.com/svg/svgo -> strip the vectors clean 06 sharp https://github.com/lovell/sharp -> resize, crop and prep images 07 Lottie-web https://github.com/airbnb/lottie-web -> play vector animations 08 Rive Web https://github.com/rive-app/rive-wasm -> drive character states TIMELINES + CHOREOGRAPHY 09 Motion https://github.com/motiondivision/motion -> springs and layout transitions 10 GSAP https://github.com/greensock/GSAP -> direct the heavy timelines 11 Anime.js https://github.com/juliangarnier/anime -> choreograph SVG and objects 12 Theatre.js https://github.com/theatre-js/theatre -> tune motion by eye 3D + VISUAL POLISH 13 Three.js https://github.com/mrdoob/three.js -> build the 3D scene 14 React Three Fiber https://github.com/pmndrs/react-three-fiber -> compose 3D in React 15 Drei https://github.com/pmndrs/drei -> cameras, lights and staging 16 Postprocessing https://github.com/pmndrs/postprocessing -> bloom and color grading PRODUCTION + EXPORT 17 Remotion https://github.com/remotion-dev/remotion -> compose and render the video 18 Remotion Skills https://github.com/remotion-dev/skills -> hand Claude Code the production playbook 19 FFmpeg https://github.com/FFmpeg/FFmpeg -> encode and package the output 20 Mediabunny https://github.com/Vanilagy/mediabunny -> media pipelines right in the browser Start with Remotion and its skills. Then pull in only the asset, motion and 3D modules your project actually needs. The clever part: the whole composition lives in code. Change the copy, the colors, the timing or the format -> render the next version. No timeline scrubbing, no re-exporting by hand. The loop in one line: Brief -> storyboard -> assets -> layout -> animate -> add depth -> preview -> refine -> render. Save this, then read the full Opus 5.5 Motion Engineering guide ↓

This post quotes another post: x.com/slash1sol/status/2111151198635987088

x.com/virgilxbt/status/2111223815678152721Archived 2026.10.17 10:01