Una skill para agentes que convierte recetas de estilos artísticos y gramáticas de videos explicativos en animaciones generadas con código, para dar movimiento a pinturas y diagramas.
4,5 mil483JavaScriptMITActualizado hace 3 días
JohnHeibel/ClaudeAnimationBase
Kit inicial para animar un personaje de dibujos animados pintado a mano con Claude, usando p5.js y p5.brush, con una guía para el modelo.
- Estrellas
- 1,283
- Forks
- 129
- Issues abiertos
- 7
- Último commit
- hace 26 días
¿Qué es?
Claude Animation Base es un kit inicial para crear animaciones de dibujos animados pintados a mano con Claude, basado en p5.js y p5.brush. Incluye el personaje Clawd, una biblioteca de vistas, emociones, ojos, bocas, sombreros, emotes y bailes, además de utilidades para pintar, gestionar el tiempo y el movimiento, controlar la cámara y aplicar textura de papel.
El flujo de trabajo está dirigido por un agente de programación como Claude Code. Le pides una escena y el modelo lee ANIMATION_GUIDE.md, crea el storyboard de los planos, los construye en p5.js, revisa su trabajo con hojas de contacto y renderiza un MP4. La guía establece reglas como no incluir texto, usar transiciones entre planos y mantener un aspecto 2D plano con pinceladas y líneas temblorosas.
El renderizado se ejecuta en modo headless mediante un script de Node.js que controla Chrome, y ffmpeg produce el video. Los rellenos de acuarela son lentos sin una GPU dedicada, y el proyecto incluye opciones para WebGL por software y para máquinas Linux headless con GPU NVIDIA.
Funciones clave
- 01Personaje Clawd con vistas, 31 emociones, ojos, bocas, sombreros y bailes
- 02Archivo de guía con reglas y flujo de trabajo que Claude debe seguir al crear animaciones
- 03Utilidades para pintar con pincel, gestionar el tiempo y el movimiento, controlar la cámara y aplicar textura de papel
- 04Renderizador headless que genera hojas de contacto, tiras de fotogramas, imágenes fijas y archivos MP4
- 05Página de estudio en el navegador para recorrer una escena fotograma a fotograma
Casos de uso
- Generar videos cortos de dibujos animados con estilo hecho a mano a partir de una instrucción de texto y con un agente de programación
- Experimentar con instrucciones para que un modelo de IA cree el storyboard y programe la animación plano a plano
- Incorporar un personaje, emociones o vestuario nuevos sobre la misma base de p5.js
Inicio rápido
- 1
Clona el repositorio
- 2
Instala las dependencias
npm install - 3
Renderiza el vídeo de demostración de 11 segundos
node render.mjs --clip --out=out/video.mp4
Antes de usarlo
- Es necesario tener instalados Node.js, Google Chrome y ffmpeg.
- Los rellenos de acuarela tardan en renderizarse sin una GPU dedicada.
- Está pensado para generar vídeos con Claude Opus 5.5 en un agente de programación.
Temas
Preguntas frecuentes
- ¿Qué es ClaudeAnimationBase?
- Kit inicial para animar un personaje de dibujos animados pintado a mano con Claude, usando p5.js y p5.brush, con una guía para el modelo. Claude Animation Base es un kit inicial para crear animaciones de dibujos animados pintados a mano con Claude, basado en p5.js y p5.brush. Incluye el personaje Clawd, una biblioteca de vistas, emociones, ojos, bocas, sombreros, emotes y bailes, además de utilidades para pintar, gestionar el tiempo y el movimiento, controlar la cámara y aplicar textura de papel.
- ¿ClaudeAnimationBase es gratuito? ¿Qué licencia tiene?
- ClaudeAnimationBase es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿ClaudeAnimationBase sigue mantenido?
- Mantenimiento activo. El último commit de ClaudeAnimationBase fue el 24 sept 2026.
- ¿Para qué puedo usar ClaudeAnimationBase?
- Generar videos cortos de dibujos animados con estilo hecho a mano a partir de una instrucción de texto y con un agente de programación Experimentar con instrucciones para que un modelo de IA cree el storyboard y programe la animación plano a plano Incorporar un personaje, emociones o vestuario nuevos sobre la misma base de p5.js
- ¿Cómo se instala ClaudeAnimationBase?
- Clona el repositorio Instala las dependencias: npm install Renderiza el vídeo de demostración de 11 segundos: node render.mjs --clip --out=out/video.mp4
- ¿Dónde consigo ClaudeAnimationBase?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/JohnHeibel/ClaudeAnimationBase
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
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.
828120JavaScriptMITActualizado hace 14 días
Conjunto de skills de Claude Code para crear videos generando cada fotograma y la música mediante código, con una skill por estilo visual.
24116JavaScriptOtherActualizado hace 23 días
Una skill para asistentes de programación que hace que los agentes de IA empiecen por la siguiente acción, con pasos numerados y sin relleno ni preámbulos.
57,8 mil3,3 milPythonMITActualizado hace 8 días
Complemento de Blender y servidor MCP que permiten a asistentes de IA como Claude crear, modificar e inspeccionar escenas 3D en Blender mediante prompts.
31,6 mil3 milPythonMITActualizado ayer
Servidor MCP para agentes de programación con IA que mantiene los resultados sin procesar de las herramientas fuera de la ventana de contexto y conserva el estado de la sesión tras la compactación.
30,9 mil2,3 milTypeScriptOtherActualizado hace 15 horas