Repolode
charlie947

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. 1

    Instala las skills con npx

    npx skills add charlie947/motion-graphics-skills
  2. 2

    Abre Claude Code y selecciona el modelo Opus 5.5

    /model
  3. 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