Claude 做 motion graphics 的 28 个工具清单

Alex hals @Alex_AI96原推发布于 2026.10.28

在 X 上打开原推

Claude can finally generate motion graphics. 28 Claude Code installations that do the job: Opus and Sonnet 5.5 already create pretty good motion graphics without add-ons. But these 28 tools take them much further. Engines (the code that makes things move): 1. three.js → Creates 3D scenes, cameras, and lighting. 2. anime.js → Animates text, shapes, and SVG. 3. motion → Adds smooth movements and spring effects to websites. 4. react-three-fiber → Creates 3D scenes with React. 5. lottie-web → Plays After Effects files on the web. 6. gsap → Synchronizes every movement to the exact frame. Renderers (convert everything into a video file): 7. ffmpeg → Cuts, joins, and converts any video. 8. remotion → Creates MP4s with React. 9. hyperframes → Converts an HTML page into an MP4. 10. manim → Animates math and diagrams. 11. motion-canvas → Creates explanatory videos with code and real-time preview. 12. revideo → Renders videos created with code on a server. UI Components (ready-to-use elements with animations): 13. shadcn/ui → The base on which the following kits work. 14. react-bits → Adds animated text and backgrounds. 15. magicui → Adds animated components for landing pages. 16. motion-primitives → Adds moving text and UI elements. 17. magic-mcp → Creates interfaces from a component library. Sound (voice, music, and subtitles): 18. whisper → Converts a voice into synchronized subtitles. 19. tone.js → Creates music and sound through code. 20. wavesurfer.js → Creates animated audio waveforms. 21. elevenlabs/skills → Voice and sound effects (requires account). Skills and MCPs (teach Claude to use the tools): 22. anthropics/skills → Adds art, canvas, and GIF skills. 23. mcp-for-blender → Allows Claude to control Blender in 3D. 24. gsap-skills → Teaches Claude to use GSAP correctly. 25. remotion/skills → Teaches Claude to use Remotion. 26. threejs-skills → Teaches Claude to create scenes with Three.js. 27. after-effects-mcp → Controls After Effects (paid). 28. motion-graphics-skills → My 13 skills for motion graphics. So start with an engine and a renderer.