28 Claude Code installs for motion graphics with Opus and Sonnet 5.5
A list of 28 Claude Code tools for motion graphics, from three.js and GSAP to Remotion, HyperFrames and Manim, built around Opus and Sonnet 5.5.
Claude por fin puede generar motion graphics. 28 instalaciones para Claude Code que hacen el trabajo: Opus y Sonnet 5.5 ya crean motion graphics bastante buenos sin complementos. Pero estas 28 herramientas los llevan mucho más lejos. Motores (el código que hace que las cosas se muevan): 1. three.js → Crea escenas 3D, cámaras e iluminación. 2. anime.js → Anima texto, formas y SVG. 3. motion → Añade movimientos suaves y con efecto spring a sitios web. 4. react-three-fiber → Crea escenas 3D con React. 5. lottie-web → Reproduce archivos de After Effects en la web. 6. gsap → Sincroniza cada movimiento hasta el fotograma exacto. Renderizadores (convierten todo en un archivo de vídeo): 7. ffmpeg → Corta, une y convierte cualquier vídeo. 8. remotion → Crea MP4 con React. 9. hyperframes → Convierte una página HTML en un MP4. 10. manim → Anima matemáticas y diagramas. 11. motion-canvas → Crea vídeos explicativos con código y previsualización en tiempo real. 12. revideo → Renderiza vídeos creados con código en un servidor. Componentes de UI (elementos listos para usar con animaciones): 13. shadcn/ui → La base sobre la que funcionan los kits siguientes. 14. react-bits → Añade textos y fondos animados. 15. magicui → Añade componentes animados para landing pages. 16. motion-primitives → Añade texto y elementos de UI en movimiento. 17. magic-mcp → Crea interfaces a partir de una biblioteca de componentes. Sonido (voz, música y subtítulos): 18. whisper → Convierte una voz en subtítulos sincronizados. 19. tone.js → Crea música y sonido mediante código. 20. wavesurfer.js → Crea formas de onda de audio animadas. 21. elevenlabs/skills → Voz y efectos de sonido (requiere cuenta). Skills y MCPs (enseñan a Claude a utilizar las herramientas): 22. anthropics/skills → Añade skills de arte, canvas y GIF. 23. mcp-for-blender → Permite a Claude controlar Blender en 3D. 24. gsap-skills → Enseña a Claude a utilizar GSAP correctamente. 25. remotion/skills → Enseña a Claude a utilizar Remotion. 26. threejs-skills → Enseña a Claude a crear escenas con Three.js. 27. after-effects-mcp → Controla After Effects (de pago). 28. motion-graphics-skills → Mis 13 skills para motion graphics. Así que empieza con un motor y un renderizador.