Animation Machine
Renderiza las animaciones HTML que tu IA escribe (GSAP, CSS, Lottie, Three.js) a MP4 o GIF, y finaliza videos con música, voz en off de IA, subtítulos en 16 idiomas, tarjetas de título y logotipos. 16:9, 9:16 y 1:1 desde una sola solicitud, con vistas previas de fotogramas fijos y plantillas de gráficos en movimiento. Servidor remoto alojado con OAuth.
Documentación
El servidor MCP de video para Claude, ChatGPT y Cursor
https://animation-machine.com/mcp
Incluido en el plan de $5/mes · sin instalación · renderizado en la nube
Cómo se ve
Una frase de entrada, un video terminado de salida
Sin exportar, sin grabar pantalla, sin aplicación de edición. Todo el ciclo ocurre en el chat.
Crea un teaser de lanzamiento de 6 segundos para "Acme Notes 2.0": fondo oscuro, tipografía en negrita, una revelación rápida del logo. Lo necesito para YouTube y TikTok, con música alegre.
⚙ preview_frame revisó el diseño en el segundo 3, se ve bien
⚙ search_music "música alegre de lanzamiento"
⚙ render aspectos 16:9 + 9:16, música al 60%
⚙ get_job listo en unos 2 minutos
Aquí tienes: Versión para YouTube (16:9) · Versión para TikTok (9:16). Cada una también tiene una página para compartir y un enlace "abrir en Studio". ¿Quieres también subtítulos y una línea de locución?
Cómo funciona
Tu IA escribe el código. Nosotros lo convertimos en video.
Claude, ChatGPT y Cursor son excelentes en animación con HTML, CSS y JavaScript, pero no pueden reproducirla y grabarla. Animation Machine sí puede.
La IA escribe una animación
HTML simple con GSAP, keyframes de CSS, Web Animations, Lottie, Three.js o canvas. O elige una de nuestras plantillas de gráficos en movimiento.
Revisa y renderiza
Una vista previa estática detecta primero los errores de diseño. Luego la reproducimos fotograma a fotograma en un navegador real y codificamos un MP4 o GIF limpio.
Recibes el archivo terminado
Música mezclada y atenuada, locución, subtítulos, tarjetas de título, logo, todas las proporciones. Enlace de descarga, página para compartir y enlace a Studio.
Configuración
Conecta tu aplicación de IA
No se necesita clave API: cada aplicación a continuación te inicia sesión con tu cuenta de Animation Machine. La forma más rápida en un agente de código (Claude Code, OpenCode, Cursor, Codex…): pega esta frase y se configura solo.
Set up the Animation Machine MCP server for me by following https://animation-machine.com/install.md
- Abre Configuración → Conectores y elige Agregar conector personalizado.
- Nómbralo Animation Machine y pega
https://animation-machine.com/mcp. - Haz clic en Conectar, inicia sesión en Animation Machine y haz clic en Permitir.
- En un chat, activa el conector desde el menú de herramientas y pide un video.
Sin clave que copiar. Funciona en claude.ai, Claude Desktop y las aplicaciones móviles de Claude. Desconéctate en cualquier momento desde el menú de la cuenta → Agentes de IA.
Ejemplos de prompts
Cosas que puedes pedirle a tu IA
Copia cualquiera de estos en Claude, ChatGPT o Cursor una vez que Animation Machine esté conectado.
Intro de canal Crea una intro animada de 5 segundos para mi canal de YouTube "Build Notes": azul marino oscuro, el título se desliza letra por letra, un brillo suave. Renders como MP4.
Todas las plataformas Convierte este anuncio de lanzamiento en un video animado de 10 segundos y renderízalo en 16:9, 9:16 y 1:1 con música alegre libre de regalías.
Datos a video Aquí están nuestros números del tercer trimestre. Crea un gráfico de barras animado de 15 segundos que se construya barra por barra y luego renderízalo para LinkedIn (1:1).
Termina mi video Subiré demo.mp4. Agrega música de fondo tranquila, subtítulos incrustados en español, mi @usuario en la esquina y una tarjeta final que diga "Pruébalo gratis".
Tarjeta de presentación Usa la plantilla de tercio inferior para "Maya Chen, Directora de Diseño" en verde azulado, 5 segundos, y renderízala.
Hito Renderiza la plantilla de estadísticas contando hasta 10,000 con la etiqueta "clientes felices" y luego escríbeme un kit de publicación para Instagram.
Explicador Escribe un explicador animado de 30 segundos sobre cómo funciona un CDN con formas y etiquetas simples, agrega una locución amigable que lea el guion y renderízalo.
GIF para documentación Crea un GIF en bucle de 6 segundos que muestre un interruptor pasando de apagado a encendido, para nuestro README.
Herramientas
Lo que tu IA puede llamar
Once herramientas enfocadas. Las herramientas de solo lectura están marcadas para que los clientes puedan ejecutarlas sin preguntar cada vez. Cada parámetro está en la documentación completa (también como Markdown para agentes de IA).
| Herramienta | Qué hace |
|---|---|
render | Renderiza una animación HTML (HTML en línea, un proyecto de varios archivos o un zip subido) o termina un video subido. Opciones: hasta 3 proporciones, MP4 o GIF, 720p/1080p, 24/30 fps, música, locución, subtítulos en 16 idiomas, tarjetas de título y final, texto en esquina, logo. Devuelve IDs de trabajos. |
render_template | Gráficos en movimiento pulidos desde unos pocos campos: tarjeta de título, tercio inferior, cita, contador de estadísticas. |
preview_frame | Devuelve un fotograma fijo como imagen más la duración detectada de la animación, para que la IA pueda revisar su trabajo primero. |
get_job | Progreso, luego un enlace de descarga (24 h), una página de visualización compartible y un enlace "abrir en Studio". |
cancel_job | Detiene un render en cola o en ejecución. |
create_upload | Un enlace de subida de un solo uso para un zip, video o logo local. |
search_music | Busca 500,000 pistas libres de regalías CC0 por estado de ánimo o género. |
list_voices | Voces de IA naturales para locuciones. |
post_kit | Observa un video terminado y escribe el subtítulo, ganchos, hashtags y descripción. |
list_renders · get_account | Renders recientes, plan y límites. |
Ideas
Para qué lo usa la gente
🎬
Intros y outros
Intros de canal, aperturas de podcast, tarjetas finales con tu llamada a la acción.
📊
Datos a video
Gráficos animados y resúmenes de KPI a partir de números que pegas. Ideal para actualizaciones semanales.
🧑💻
Demos de producto
Animaciones de recorrido por la interfaz, revelaciones de funciones y GIFs para README, directamente desde tu editor de código.
🎙️
Explicadores narrados
Guion, animación, locución con IA y subtítulos en una sola pasada.
🌍
Versiones localizadas
El mismo video con subtítulos en hasta 16 idiomas.
Comparación
Cómo se compara
Hay varias formas de obtener video desde un asistente de IA. Aquí es donde encaja Animation Machine.
| Animation Machine MCP | Servidores MCP de Remotion | Servidores MCP de FFmpeg | Modelos de video con IA | |
|---|---|---|---|---|
| Configuración | Pega una URL, inicia sesión | Proyecto local Node + React | Instalación local de FFmpeg | Claves API por modelo |
| Dónde renderiza | Nuestra nube | Tu máquina | Tu máquina | Su nube |
| Entrada | Cualquier animación HTML/CSS/JS, o un video | Componentes de React | Archivos multimedia existentes | Un prompt de texto |
| Texto y diseño exactos | Sí, renderiza código | Sí | n/a | No |
| Música, locución, subtítulos | Integrados | Constrúyelo tú mismo | Manual | Varía |
| Funciona en claude.ai y ChatGPT | Sí | No (solo local) | No (solo local) | Algunos |
| Precio | $5/mes fijo | Gratis + licencia de Remotion para empresas | Gratis | Por segundo de video |
Uso justo
Rápido para todos, por diseño
Límites
- Un trabajo a la vez por cuenta
- Animaciones HTML de hasta 60 segundos
- GIFs de hasta 15 segundos, videos que terminas de hasta 3 minutos
- Hasta 1080p, 24 o 30 fps
- 200 renders al mes, compartidos con el sitio web
Seguridad
- OAuth 2.1 con PKCE, o claves API revocables
- Las aplicaciones pueden renderizar y leer tus renders, nada más: sin facturación, sin cambios de cuenta
- Las animaciones se renderizan en un navegador aislado sin acceso a nuestra red interna
- Los enlaces de descarga están firmados y caducan después de 24 horas
¿Necesitas 4K, videos más largos o un editor completo? Usa la aplicación web o Studio. Cada render de agente tiene un enlace "abrir en Studio".
Preguntas frecuentes
Preguntas
¿Qué es un servidor MCP de video?
MCP (el Protocolo de Contexto de Modelo) permite que los asistentes de IA usen herramientas externas. Un servidor MCP de video le da al asistente herramientas para crear video. El de Animation Machine permite que Claude, ChatGPT, Cursor y otros clientes MCP rendericen animaciones y terminen videos, para que la IA te entregue un MP4 real en lugar de un bloque de código.
¿Necesito instalar algo?
No. Es un servidor remoto alojado. Agrega https://animation-machine.com/mcp a tu aplicación de IA e inicia sesión. El renderizado se ejecuta en nuestros servidores, no en tu computadora.
¿Es un generador de video con IA?
No en el sentido de "escribe un prompt, obtén metraje aleatorio". Renderizamos código: la animación HTML, CSS y JavaScript que escribe tu IA se reproduce fotograma a fotograma en un navegador real y se codifica a video. El texto, los colores de marca, el diseño y el tiempo salen exactamente como se escribieron. La música, la locución y los subtítulos se superponen encima.
¿Qué tipos de animaciones funcionan?
Cualquier cosa que se ejecute en un navegador: líneas de tiempo de GSAP, keyframes de CSS, la API de Web Animations, Lottie, Three.js, p5.js, canvas, SVG, anime.js y exportaciones de Claude Design. Si la duración no se puede detectar automáticamente, la IA puede pasar duration_seconds o agregar const TOTAL = 8 a la página.
¿Cuánto cuesta?
Está incluido en el plan de $5/mes. Los renders de agentes cuentan para los mismos 200 renders al mes que el sitio web. No hay un precio de API separado.
¿Cuánto tarda un render?
Generalmente de uno a tres minutos para una animación corta a 1080p. Si otra persona está renderizando, tu trabajo espera su turno y se le dice a la IA cuándo volver a consultar.
¿A dónde van los videos?
Tu IA recibe un enlace de descarga privado (válido por 24 horas), una página de visualización compartible y un enlace que abre el video en Studio para ediciones finales. Los renders también aparecen en tu historial en la aplicación.
¿En qué se diferencia de un servidor MCP de Remotion?
Los servidores MCP de Remotion necesitan un proyecto local de React/Remotion y renderizan en tu máquina, por lo que no funcionan en claude.ai o ChatGPT. Animation Machine renderiza cualquier animación HTML en la nube, funciona en todos los clientes MCP e incluye música, locución, subtítulos y salida en múltiples proporciones.
¿Puedo revocar el acceso?
Sí. Menú de la cuenta → Agentes de IA (MCP) lista cada clave API y aplicación conectada con un botón de Revocar o Desconectar. Tiene efecto en menos de un minuto.