Una skill de agente para Claude Code / Codex que convierte la descripción de un producto en un video de lanzamiento de calidad comercial, creado con código, música compuesta y edición punto por punto.
charlie947/motion-graphics-skills
Un conjunto de 13 a 15 skills de Claude Code para crear gráficos en movimiento y videos de lanzamiento con código, y renderizar fotogramas a MP4 sin After Effects.
Alternativa open source a:After Effects
- Estrellas
- 340
- Forks
- 55
- Issues abiertos
- 0
- Último commit
- hace 9 días
¿Qué es?
Este paquete de skills permite que Claude Code cree gráficos en movimiento, videos de lanzamiento, gráficos animados y videos cortos para redes sociales escribiendo la animación como código. Cada fotograma se dibuja mediante código, así que no se necesita After Effects ni un generador de video con IA. Las skills cubren todo el flujo de trabajo: definir los colores de marca, la tipografía y las reglas de movimiento en brand.md y MOTION.md, planificar un brief, crear la animación y exportarla a MP4 o a formatos verticales para Reels.
Las skills se organizan por etapa e incluyen videos de lanzamiento, explicativos, gráficos animados, revelaciones de hitos, secuencias de títulos en 3D, portadas en bucle y exportación para Reels. Cada skill incluye frases de activación y requisitos de entrada en su SKILL.md. Se pueden instalar con npx skills, copiándolas manualmente en ~/.claude/skills, subiendo un archivo ZIP a Claude Desktop o usando la carpeta .agents/skills de Codex. La exportación a MP4 depende de HyperFrames o de ffmpeg con Chrome.
Funciones clave
- 01Crea gráficos en movimiento y videos completamente con código, sin necesidad de After Effects.
- 02Guarda los colores de marca, la tipografía y las reglas de movimiento en brand.md y MOTION.md para reutilizarlos.
- 03Incluye skills para videos de lanzamiento, explicativos, gráficos animados y revelaciones de hitos.
- 04Exporta a MP4 y a formatos verticales de 1080 x 1920 para Reels y TikTok.
- 05Funciona con Claude Code y Codex mediante un comando de instalación sencillo.
Casos de uso
- Crear un video de lanzamiento de producto sin recurrir a un diseñador de motion graphics ni a software de video.
- Animar un gráfico o una serie de datos y conservar todos los valores tal como se proporcionaron.
- Crear un video vertical para redes sociales a partir de un clip existente.
- Crear una portada en bucle para un boletín informativo como GIF.
Inicio rápido
- 1
Instala las skills con npx
npx skills add charlie947/motion-graphics-skills - 2
Abre Claude Code y selecciona el modelo Opus 5.5
/model - 3
Ejecuta primero brand-intake para configurar los archivos de marca
Antes de usarlo
- Para crear animaciones, necesitas Claude Code con Opus 5.5, un modelo específico.
- Para exportar a MP4, necesitas la skill HyperFrames por separado, o bien ffmpeg y Chrome.
Temas
Preguntas frecuentes
- ¿Qué es motion-graphics-skills?
- Un conjunto de 13 a 15 skills de Claude Code para crear gráficos en movimiento y videos de lanzamiento con código, y renderizar fotogramas a MP4 sin After Effects. Este paquete de skills permite que Claude Code cree gráficos en movimiento, videos de lanzamiento, gráficos animados y videos cortos para redes sociales escribiendo la animación como código. Cada fotograma se dibuja mediante código, así que no se necesita After Effects ni un generador de video con IA. Las skills cubren todo el flujo de trabajo: definir los colores de marca, la tipografía y las reglas de movimiento en brand.md y MOTION.md, planificar un brief, crear la animación y exportarla a MP4 o a formatos verticales para Reels.
- ¿motion-graphics-skills es gratuito? ¿Qué licencia tiene?
- motion-graphics-skills es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿motion-graphics-skills sigue mantenido?
- Mantenimiento activo. El último commit de motion-graphics-skills fue el 11 oct 2026.
- ¿Para qué puedo usar motion-graphics-skills?
- Crear un video de lanzamiento de producto sin recurrir a un diseñador de motion graphics ni a software de video. Animar un gráfico o una serie de datos y conservar todos los valores tal como se proporcionaron. Crear un video vertical para redes sociales a partir de un clip existente. Crear una portada en bucle para un boletín informativo como GIF.
- ¿Cómo se instala motion-graphics-skills?
- Instala las skills con npx: npx skills add charlie947/motion-graphics-skills Abre Claude Code y selecciona el modelo Opus 5.5: /model Ejecuta primero brand-intake para configurar los archivos de marca
- ¿Dónde consigo motion-graphics-skills?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/charlie947/motion-graphics-skills
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Una skill para Claude Code y Codex que convierte páginas de producto en videos promocionales cinematográficos con código de Remotion, no con IA generativa.
Una skill de diseño de interfaces para agentes de IA que explora distintas propuestas, las compara en paralelo y las refina a partir de capturas de pantalla reales.
Una skill de agente que permite a Claude Code o Codex crear videos explicativos con voz en off, sincronización de audio palabra por palabra y renderizado con Remotion.
Una colección de 55 skills instalables para enseñar a los agentes de programación con IA a crear gráficos animados, animaciones y flujos de trabajo de video.
Colección de 13 Agent Skills seleccionadas en formato SKILL.md para investigación, documentación de producto, presentaciones, artículos de WeChat, revisión de código y más.