28 个 Claude Code 插件做动态图形与视频渲染

Charlie Hills @charliejhills原推发布于 2026.10.11

在 X 上打开原推

Claude can (finally) generate motion graphics. 28 Claude Code installs that do the job: Access them all here → https://charliehills.substack.com/p/28-things-to-install-into-claude Opus and Sonnet 5.5 already make solid motion graphics (no add-ons). But these 28 push them a lot further. Engines (the code that makes things move): 1. three.js → Build 3D scenes, cameras and light. 2. anime.js → Animate text, shapes and SVG. 3. motion → Add smooth, springy motion to sites. 4. react-three-fiber → Build 3D scenes from React. 5. lottie-web → Play After Effects files on the web. 6. gsap → Time every move to the exact frame. Renderers (turn it all into a video file):  7. ffmpeg → Cut, join and convert any video.  8. remotion → Make MP4s with React  9. hyperframes → Turn an HTML page into an MP4. 10. manim → Animate maths and diagrams. 11. motion-canvas → Code explainers, live preview. 12. revideo → Render code-built video on a server. UI parts (ready-made pieces that move): 13. shadcn/ui → The base the kits below plug into. 14. react-bits → Add animated text and backgrounds. 15. magicui → Drop in animated landing page parts. 16. motion-primitives → Add moving text and UI. 17. magic-mcp → Build UI from a parts library. Sound (voice, music and captions): 18. whisper → Turn a voiceover into timed captions. 19. tone.js → Make music and sound in code. 20. wavesurfer.js → Draw moving audio waveforms. 21. elevenlabs/skills → Voice and SFX (account needed). Skills and MCPs (teach Claude the tools): 22. anthropics/skills → Add art, canvas and GIF skills. 23. mcp-for-blender → Let Claude drive Blender in 3D. 24. gsap-skills → Teach Claude correct GSAP. 25. remotion/skills → Teach Claude Remotion. 26. threejs-skills → Teach Claude Three.js scenes. 27. after-effects-mcp → Drive After Effects (paid). 28. motion-graphics-skills → My 13 motion skills. So start with one engine and one renderer. Repost ♻️ to help someone in your network.