用 Opus 5.5 搭动效工作室的 20 个 GitHub 仓库清单

beamnxw ./ @beamnxw原推发布于 2026.10.11

在 X 上打开原推

this is pure f*cking treasure for motion design 20 GitHub repos to build a motion design studio with Opus 5.5 pick the tools for each layer: agent skills, animation, 3D, assets, sound and export 01 Remotion → turn React code into editable videos https://github.com/remotion-dev/remotion 02 Remotion Skills → give Claude Code official video workflows https://github.com/remotion-dev/skills 03 Motion Canvas → animate diagrams and explainers in TypeScript https://github.com/motion-canvas/motion-canvas 04 Motion AI Kit → give Claude Code Motion docs and guidance https://github.com/motiondivision/ai-kit 05 Motion → animate live UI layouts and gestures https://github.com/motiondivision/motion 06 GSAP → sequence SVG and text with precise timelines https://github.com/greensock/GSAP 07 Anime.js → animate SVG paths, text and interface elements https://github.com/juliangarnier/anime 08 GSAP Skills → teach Claude Code timelines and React cleanup https://github.com/greensock/gsap-skills 09 Rive Web → connect vector animations to app states https://github.com/rive-app/rive-wasm 10 dotLottie Web → play and control Lottie animation assets https://github.com/LottieFiles/dotlottie-web 11 Three.js → build 3D shots with cameras and lighting https://github.com/mrdoob/three.js 12 React Three Fiber → build 3D scenes as React components https://github.com/pmndrs/react-three-fiber 13 Drei → reuse 3D cameras, text and controls https://github.com/pmndrs/drei 14 React Three Rapier → add collisions, joints and rigid bodies https://github.com/pmndrs/react-three-rapier 15 React Postprocessing → add bloom, depth of field and finishing effects https://github.com/pmndrs/react-postprocessing 16 SVGO → clean SVG files before animating https://github.com/svg/svgo 17 Satori → generate SVG title cards from JSX https://github.com/vercel/satori 18 Howler.js → control sound effects and fades in web demos https://github.com/goldfire/howler.js 19 Mediabunny → encode and convert video in the browser https://github.com/Vanilagy/mediabunny 20 FFmpeg → encode, resize and inspect final exports https://github.com/FFmpeg/FFmpeg the loop: brief → type → animate → build the scene → add sound → render → review → ship save this + read the article below to build your own motion design studio ⭣

这条是引用着另一条写的：x.com/beamnxw/status/2108616740846420354