Motion Skills
← Guías

El stack gratuito y de código abierto para vídeo de motion con agentes de programación: qué herramienta hace cada paso (2026)

Herramientas gratis y casi todas de código abierto cubren cada paso de un vídeo de motion con Claude Code, Codex o Cursor: Remotion o Three.js (escenas), Manim (matemáticas), CosyVoice (voz), WhisperX (subtítulos), librosa (beats), FFmpeg (codificación). Ninguna decide la historia, el ritmo ni los datos.

Los datos de cada proyecto salen de su propio README, archivo de licencia o web, verificados el 3 de noviembre de 2026. Nosotros hacemos Motion Skills, así que valora lo que decimos de él teniéndolo en cuenta.

Las listas de "skills" gratuitos para un estudio de motion con agentes son, en su mayoría, bibliotecas y apps, no skills de agente: tu agente puede escribir código que las use, pero ninguna dice qué hace bueno a un vídeo. Aquí están por paso del proceso.

De un vistazo

Paso Herramienta Qué hace Licencia Qué te deja a ti
Escena y movimiento Remotion Vídeo como componentes de React, renderizado a un archivo Licencia propia; Company License a partir de 4 personas Historia, timing, estética, sonido
Escena y movimiento Remotion agent skills Le enseñan a un agente a escribir código de Remotion Sin archivo de licencia; se usan con Remotion Lo mismo que Remotion
Escena y movimiento Anime.js Anima CSS, SVG, atributos del DOM y objetos de JS MIT Convertir una página en vivo en vídeo
Escena y movimiento Motion Biblioteca de animación para React, JavaScript y Vue MIT (Motion+ es de pago) Convertir una página en vivo en vídeo
3D Three.js 3D en el navegador, con renderizadores WebGL y WebGPU MIT Iluminación, cámara, captura de fotogramas
Luz three-gpu-pathtracer Luz con path tracing para Three.js MIT Un navegador con WebGPU, tiempo de render
Física Jolt Physics (JoltPhysics.js) Física de cuerpos rígidos, con un port a JS MIT Conectarla a tu escena
Efectos pmndrs/postprocessing Bloom y otros efectos de pantalla completa para Three.js Zlib Criterio: cuándo ayuda un efecto
Efectos three.quarks Partículas y VFX para Three.js MIT Conexión, timing
Ajuste Tweakpane Un pequeño panel para ajustar valores en vivo MIT No forma parte del render
App 3D MCP for Blender (antes blender-mcp) Permite a un agente manejar Blender por MCP MIT; Blender es GPL Revisar el código que ejecuta
Vector 2D lottie-web Reproduce animaciones de After Effects exportadas como JSON MIT La creación, que se hace en After Effects
Matemáticas Manim (Community) Motor en Python para vídeos explicativos de matemáticas MIT La explicación, instalar Python
Imágenes y clips ComfyUI Ejecuta modelos de imagen, vídeo, 3D y audio GPL-3.0 Una GPU, la licencia de cada modelo
Voz CosyVoice Texto a voz multilingüe y clonación de voz Apache 2.0 (código y pesos v3) El guion, los derechos sobre cualquier voz
Subtítulos WhisperX Transcripción con marcas de tiempo por palabra BSD-2-Clause Revisión, estilo de los subtítulos
Sincronía con el beat librosa Análisis de audio, con un detector de beats ISC Asignar beats a cortes
Captura OBS Studio Captura y grabación de pantalla y cámara GPL-2.0 o posterior La toma en sí
Corte LosslessCut Recorta y une vídeo sin recodificar GPL-2.0 Títulos, efectos, mezcla
Codificación FFmpeg Convierte, codifica y multiplexa audio y vídeo LGPL 2.1+, GPL con partes opcionales Los comandos exactos

Escena y movimiento

Remotion escribe el vídeo como componentes de React y lo renderiza en tu equipo, un servidor o AWS Lambda. Su licencia es propia, no de código abierto: es gratis para particulares, empresas de hasta tres empleados, organizaciones sin fines de lucro y evaluación, "incluso con fines comerciales"; las empresas más grandes necesitan una Company License. El archivo de licencia dice que "cambiará ligeramente" en Remotion 5.0.

Los skills de agente de Remotion (npx skills add remotion-dev/skills) le enseñan la API de Remotion a Claude Code, Codex o Cursor: /remotion-create, /remotion-markup, /remotion-render, /remotion-captions, /remotion-maps y más. Hacen correcto el código, no el vídeo; consulta Skills de agente de Remotion frente a Motion Skills.

Anime.js y Motion (antes Framer Motion) son bibliotecas de animación para páginas web en vivo, ambas MIT. Motion ofrece un skill de agente /motion gratuito con licencia MIT (npx motion-ai); sus extras de Motion+ son una licencia de pago. Ningún README describe cómo exportar vídeo: algo tiene que avanzar la página fotograma a fotograma y codificarla, o tienes que grabar la pantalla.

3D, luz, física y efectos

Three.js es la base: una biblioteca 3D de uso general con renderizadores WebGL y WebGPU. three-gpu-pathtracer añade luz físicamente basada con path tracing; necesita WebGPU y construye cada imagen muestra a muestra, así que un fotograma limpio requiere muchas pasadas. Jolt Physics, usado en Horizon Forbidden West, simula cuerpos rígidos; JoltPhysics.js lo lleva a JavaScript. Su simulación es determinista, así que una escena vuelta a renderizar cae igual cada vez. postprocessing (Zlib) añade efectos de pantalla completa como el bloom, three.quarks añade partículas y Tweakpane te da controles deslizantes para ajustar valores mientras previsualizas.

MCP for Blender (antes blender-mcp) es un plugin de la comunidad, no hecho por Blender, que permite a Claude Code, Codex, Cursor y otros clientes MCP trabajar en Blender. Su README advierte que, por defecto, el agente "puede ejecutar cualquier código Python en Blender"; BLENDER_MCP_SAFE_MODE=1 bloquea los scripts riesgosos. Envía un registro de uso anónimo mínimo, salvo que configures DISABLE_TELEMETRY=true. Blender es GPL, y su página de licencia dice que las imágenes y películas que hagas con él son tuyas.

Vector 2D y explicaciones de matemáticas

lottie-web reproduce animaciones hechas en Adobe After Effects y exportadas como JSON con Bodymovin. El reproductor es MIT; la herramienta de creación es After Effects, que no es gratis. Manim, la edición comunitaria del motor detrás de los vídeos de 3Blue1Brown, renderiza explicaciones de matemáticas directamente a vídeo a partir de escenas en Python (MIT). La explicación la sigues escribiendo tú.

Imágenes y clips generados

ComfyUI (GPL-3.0) ejecuta en local modelos de imagen, vídeo, 3D y audio en un grafo de nodos: modelos abiertos como Wan, LTX-Video y HunyuanVideo, y cerrados a través de "Partner nodes". Necesitas una GPU capaz, y cada modelo tiene su propia licencia, aparte de la de ComfyUI.

Voz, subtítulos y beats

CosyVoice es un sistema de texto a voz que cubre nueve idiomas y más de 18 dialectos chinos, con clonación de voz zero-shot. El código es Apache 2.0, y también lo son los pesos de Fun-CosyVoice3-0.5B en Hugging Face. Clona solo una voz que tengas derecho a usar.

WhisperX transcribe con marcas de tiempo por palabra (alineación con wav2vec2) y escribe archivos .srt. Funciona en CPU, también en un Mac, o en una GPU NVIDIA. Las etiquetas de hablante necesitan un token de Hugging Face y aceptar el acuerdo de usuario del modelo de pyannote. Revisa nombres y números.

librosa (ISC) analiza audio; librosa.beat.beat_track es un detector de beats por programación dinámica. Qué cortes caen en esos beats lo decides tú.

Captura, corte y codificación

OBS Studio (GPL-2.0 o posterior) captura, compone, graba y transmite; úsalo para demos de pantalla y tomas a cámara. LosslessCut (GPL-2.0) recorta y une archivos sin recodificar, usando FFmpeg; es gratis en GitHub, y las versiones de las tiendas de apps apoyan a su desarrollador. Corta; no añade títulos ni efectos. FFmpeg hace la codificación por debajo de casi todo lo anterior. Es LGPL 2.1 o posterior, y GPL si se compila con sus partes GPL opcionales.

Lo que el stack te deja a ti

Juntas, estas herramientas renderizan, ponen voz, subtitulan y codifican. Tú sigues decidiendo qué dice el vídeo y cuánto dura cada beat, diseñas el sonido, compruebas cada número y nombre en pantalla contra una fuente, y montas Node, Python, una GPU y un render fotograma a fotograma. Esa es la mayor parte del trabajo.

Dónde encaja Motion Skills

Nosotros hacemos Motion Skills. Un skill de vídeo completo es un skill de agente que ejecuta ese proceso para un tipo de vídeo (un vídeo de lanzamiento, uno explicativo, un vídeo de datos, un short) sobre nuestro motor, motion-skills, que es MIT. El skill aporta la historia, el ritmo y las comprobaciones; el motor hace el resto:

  • Escenas y movimiento: un vídeo es HTML, CSS y GSAP (gratis bajo la licencia "no charge" propia de GSAP), cada fotograma una función del tiempo, renderizado fotograma a fotograma en el Chrome que ya tienes. Las tomas en 3D usan Three.js con el reloj del vídeo.
  • Música: una banda sonora original compuesta para el vídeo, con los cortes de escena en el tiempo fuerte. mo beats encuentra los beats de una pista que aportes; mo music find busca música de dominio público (CC0).
  • Voz: voces de Kokoro o de macOS en tu equipo, o ElevenLabs y HeyGen con tu propia API key.
  • Subtítulos y comprobaciones: mo voice escribe un .srt y, con --check, hace que whisper vuelva a escuchar cada frase. mo check encuentra texto cortado o tapado, mo audit relaciona cada línea en pantalla con sources.md y mo qa revisa el render.
  • Exportación: FFmpeg codifica MP4, MOV con alfa, WebM o GIF; un borrador de CapCut o 剪映 y una presentación de diapositivas también son opciones.

No sustituye a Blender ni a ComfyUI, y no hace avatares. El skill Motion Director es gratis con un inicio de sesión de Google y hace vídeos de 10–20 segundos; los skills de vídeo completo cuestan $4.90 cada uno o vienen con un plan (precios, todos los skills). Para otras herramientas, incluidas apps de navegador, consulta Alternativas a Claude Motion.

Preguntas

¿Remotion es gratis?

Para particulares, empresas con fines de lucro de hasta tres empleados, organizaciones sin fines de lucro y evaluación, sí, incluso para uso comercial. Las empresas de cuatro o más personas necesitan una Company License, que se vende en remotion.pro. Su licencia es propia, no una licencia de código abierto.

¿Qué herramientas gratuitas hacen motion graphics con Claude Code?

Para el código que escribe tu agente: Remotion con sus skills de agente, Three.js, Anime.js, Motion y Manim. Para el resto del vídeo: CosyVoice para la voz, WhisperX para los subtítulos, librosa para los beats y FFmpeg para codificar. Un skill gratuito que hace el vídeo entero es Motion Director, de Motion Skills.

¿Claude puede hacer animación 3D?

Sí, mediante código o una app. Tu agente puede escribir una escena de Three.js, con Jolt para la física y three-gpu-pathtracer para la luz, o manejar Blender con MCP for Blender. En ambos casos, revisa la cámara, la luz y la configuración del render.

¿Puedo usar estas herramientas con fines comerciales?

Las licencias MIT, Zlib, ISC, BSD y Apache de esta lista lo permiten. Las herramientas GPL y LGPL (Blender, ComfyUI, OBS, LosslessCut, FFmpeg) se pueden usar gratis; sus condiciones importan cuando distribuyes el software. Remotion exige una Company License a las empresas de cuatro o más personas.

Fuentes

Esta guía es independiente. No estamos afiliados a ningún proyecto mencionado aquí. Los nombres son marcas de sus propietarios. Verificado el 3 de noviembre de 2026.