cth9191/animate

¿Qué es?

Funciones clave

• 01Siete estilos de dibujo integrados y estilos personalizados basados en medios de referencia.
• 02Renderizado determinista fotograma a fotograma en MP4 mediante Chromium headless y ffmpeg.
• 03Cortes sincronizados con el ritmo cuando se proporciona una pista musical propia.
• 04Voz en off opcional con la sincronización de palabras verificada mediante faster-whisper.
• 05Captura de capturas reales del producto desde una URL y animación con un estilo.
• 06Exportación en formatos vertical, cuadrado, 4:5 y panorámico a partir de una sola pieza.

Casos de uso

• Crear un video explicativo breve sobre un concepto técnico, como una estructura de datos o un protocolo de red.
• Producir una cronología histórica o una animación de una historia breve con un estilo visual elegido.
• Crear un clip vertical o cuadrado de lanzamiento de un producto a partir de sus propias capturas y música.
• Generar contenido animado con código sin dibujar los fotogramas a mano ni usar un editor de video.

Inicio rápido

1. 1

   Instalar Playwright y Chromium

   npm i -g playwright && npx playwright install chromium
2. 2

   Añadir el marketplace de plugins en Claude Code

   /plugin marketplace add cth9191/animate
3. 3

   Instalar el plugin animate en Claude Code

   /plugin install animate@animate
4. 4

   Pedirle una animación a Claude Code

   /animate a 45-second history of the bicycle, cut paper

Antes de usarlo

• !Requiere Claude Code, Node 18 o posterior, Playwright con Chromium y ffmpeg disponible en PATH.
• !Las voces en off requieren Python con faster-whisper; el conector de ElevenLabs para la voz es opcional.
• !El estilo de diseño de movimiento con WebGL figura como próximo lanzamiento y aún no está disponible.

Temas

Preguntas frecuentes

¿Qué es animate?

Una skill de Claude Code que convierte un prompt en una breve animación procedural en canvas y la renderiza en MP4 con un navegador headless y ffmpeg. Animate es una skill de Claude Code para crear videos explicativos breves, relatos históricos e historias pequeñas completamente con código. Cada pieza es un único canvas HTML autocontenido que se dibuja y sonoriza de forma procedural, por lo que los fotogramas son deterministas y se pueden renderizar en MP4 con Playwright y ffmpeg.

¿animate es gratuito? ¿Qué licencia tiene?

animate es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.

¿animate sigue mantenido?

Mantenimiento activo. El último commit de animate fue el 5 oct 2026.

¿Para qué puedo usar animate?

Crear un video explicativo breve sobre un concepto técnico, como una estructura de datos o un protocolo de red. Producir una cronología histórica o una animación de una historia breve con un estilo visual elegido. Crear un clip vertical o cuadrado de lanzamiento de un producto a partir de sus propias capturas y música. Generar contenido animado con código sin dibujar los fotogramas a mano ni usar un editor de video.

¿Cómo se instala animate?

Instalar Playwright y Chromium: npm i -g playwright && npx playwright install chromium Añadir el marketplace de plugins en Claude Code: /plugin marketplace add cth9191/animate Instalar el plugin animate en Claude Code: /plugin install animate@animate Pedirle una animación a Claude Code: /animate a 45-second history of the bicycle, cut paper

¿Dónde consigo animate?

El código fuente y las instrucciones de instalación están en GitHub: https://github.com/cth9191/animate