20 个开源仓库拼成 Claude Code 动效栈

Asteri @Asteri_eth原推发布于 2026.10.22

在 X 上打开原推

this is straight up f*cking gold 20 open-source GitHub repos stacked into one motion design empire. 5 floors, ~26K stars combined, all of them plug into Claude Code: floor 01 · taste: > LottieFiles/motion-design-skill: timing, easing, choreography before a single line of animation code http://github.com/LottieFiles/motion-design-skill > iart-ai/motion-design-skills: timing, type, color, composition, logos, backgrounds http://github.com/iart-ai/motion-design-skills > frankxai/awesome-motion-design-agent-skills: curated GSAP, Motion, Remotion, Lottie, Rive + 5 installable skills http://github.com/frankxai/awesome-motion-design-agent-skills > dylantarre/animation-principles: Disney's 12 principles split into 144 skills http://github.com/dylantarre/animation-principles floor 02 · web motion: > whaleyxbt/claude-motion: taste, checks its own frames, ships with a sound engine http://github.com/whaleyxbt/claude-motion > freshtechbro/claudedesignskills: Three.js, GSAP, R3F, Babylon as Claude Code plugins http://github.com/freshtechbro/claudedesignskills > 199-biotechnologies/motion-dev-animations-skill: http://Motion.dev springs, scroll effects, 120fps from plain English http://github.com/199-biotechnologies/motion-dev-animations-skill > greensock/gsap-skills: official GSAP skills, 14K+ stars http://github.com/greensock/gsap-skills floor 03 · video in code: > remotion-dev/skills: Remotion's own agent skills, one npx install http://github.com/remotion-dev/skills > haidrrrry/claude-remotion-skill: easing, grading, captions, then it checks the render itself http://github.com/haidrrrry/claude-remotion-skill > Liamrjohnston/remotion-motion-graphics-skill: kinetic text, camera moves, terminal demos http://github.com/Liamrjohnston/remotion-motion-graphics-skill > wilwaldon/Claude-Code-Video-Toolkit: Remotion, Manim, screen capture, FFmpeg in one map http://github.com/wilwaldon/Claude-Code-Video-Toolkit floor 04 · reels & launch: > iart-ai/motion-skills: 55 skills in 18 packs, kinetic type to WebGL http://github.com/iart-ai/motion-skills > kaventro/motion-designer: rebuilds your real app UI in HTML and cuts it to the music http://github.com/kaventro/motion-designer > Sunwood-ai-labs/hyperframes-motion-reel-skill: one-line theme into a beat-synced reel, 120 BPM, 60 FPS http://github.com/Sunwood-ai-labs/hyperframes-motion-reel-skill > charlie947/motion-graphics-skills: 15 launch-grade skills, every frame is code http://github.com/charlie947/motion-graphics-skills floor 05 · opus 5.5 pipeline: > howseen-ai/claude-motion-design: pure code video, HTML + Playwright + ffmpeg http://github.com/howseen-ai/claude-motion-design > tuzhechen2005/opus-video-skills: one skill per style, hand-painted watercolor or kinetic type http://github.com/tuzhechen2005/opus-video-skills > siyuanfeng636-cpu/agentic-motion-graphics: voiceover runs the clock, Whisper timestamps drive every cut http://github.com/siyuanfeng636-cpu/agentic-motion-graphics > Lob0Garou/opus-visual-motion-engine: deterministic seek(t), automated render QA, frame-exact MP4 http://github.com/Lob0Garou/opus-visual-motion-engine start on floor 01. don't skip floors

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