howseen-ai/claude-motion-design

¿Qué es?

Funciones clave

• 01Renderiza cada fotograma a partir de una función `seek(t)`, por lo que el resultado es repetible.
• 02Usa capturas de pantalla de Playwright y codificación con ffmpeg, con desenfoque de movimiento entre subfotogramas.
• 03Alinea los cortes de escena y los efectos de sonido con un mapa de beats detectados y los picos del audio.
• 04Incluye un modo de remake con fotogramas bloqueados para reproducir un video existente.
• 05Incluye scripts para obtener música, SFX, logos y fuentes gratuitos.

Casos de uso

• Crear videos de lanzamiento o anuncios de productos sin un editor de video.
• Generar loops para redes sociales sincronizados con los beats a partir de escenas HTML.
• Iterar en un video mediante cambios en el código, en lugar de editar una línea de tiempo.
• Recrear una pieza de motion de referencia para otra marca.

Inicio rápido

1. 1

   Copia la skill en Claude Code

   mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/
2. 2

   Instala las dependencias de Python y Chromium

   pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium
3. 3

   En Claude Code, pide que cree un vídeo o escribe /motion-design

Antes de usarlo

• !Para usar la skill, necesitas tener Claude Code configurado; además, para renderizar se necesitan Chromium y ffmpeg.
• !La música y los efectos de sonido se descargan de fuentes de terceros con sus propias licencias, por lo que no se redistribuyen.

Temas

Preguntas frecuentes

¿Qué es claude-motion-design?

Una skill de Claude Code que crea videos de motion design con HTML, Playwright y ffmpeg, sin necesidad de una licencia de After Effects ni Remotion. claude-motion-design es una skill de Claude Code para crear videos de motion design íntegramente con código. Cada fotograma se calcula en función del tiempo mediante una única función `seek(t)`, se renderiza con Playwright, se le aplica desenfoque de movimiento entre subfotogramas y se codifica con ffmpeg. El proyecto está pensado para desarrolladores que quieren obtener videos editables y deterministas sin editores de pago ni motores de renderizado con licencia.

¿claude-motion-design es gratuito? ¿Qué licencia tiene?

claude-motion-design es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.

¿claude-motion-design sigue mantenido?

Mantenimiento activo. El último commit de claude-motion-design fue el 4 oct 2026.

¿Para qué puedo usar claude-motion-design?

Crear videos de lanzamiento o anuncios de productos sin un editor de video. Generar loops para redes sociales sincronizados con los beats a partir de escenas HTML. Iterar en un video mediante cambios en el código, en lugar de editar una línea de tiempo. Recrear una pieza de motion de referencia para otra marca.

¿Cómo se instala claude-motion-design?

Copia la skill en Claude Code: mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/ Instala las dependencias de Python y Chromium: pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium En Claude Code, pide que cree un vídeo o escribe /motion-design

¿Dónde consigo claude-motion-design?

El código fuente y las instrucciones de instalación están en GitHub: https://github.com/howseen-ai/claude-motion-design