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.
1,6 mil+457 esta semana204JavaScriptMITActualizado el mes pasado
alexgreensh/anidoodle
Generador basado en código de ilustraciones dibujadas a mano, animaciones en bucle, videos y arte web interactivo en 32 estilos, con resultados idénticos en cada ejecución.
- Estrellas
- 1,389
- Forks
- 134
- Issues abiertos
- 5
- Último commit
- anteayer
¿Qué es?
anidoodle es un conjunto de habilidades para agentes y un motor de renderizado para crear ilustraciones, timelapses de dibujo, animaciones en bucle, videos de lanzamiento e ilustraciones web interactivas completamente a partir de código. Cada trazo se genera mediante una función pura y la música se escribe como datos, por lo que el mismo código fuente reproduce la misma imagen o película en cualquier máquina y a cualquier tamaño.
El proyecto incluye 32 estilos de dibujo, desde lápiz y acuarela hasta risografía, pixel art, xilografía y sumi-e. Cada estilo también genera una película que muestra cómo se dibuja la imagen, siguiendo el orden de trabajo de un artista que emplee esa técnica. Los formatos de salida incluyen PNG, MP4 con una banda sonora generada, GIF, WebM con canal alfa y un archivo HTML independiente.
Se instala como complemento para Claude Code, Codex y Grok Build, o como una carpeta de habilidades normal para otros agentes compatibles con este formato. Las herramientas de línea de comandos incluidas, basadas en Node, permiten gestionar imágenes estáticas, renderizados, comprobaciones de determinismo y audio, así como empaquetar videos de lanzamiento. Requieren Node 20 o posterior; para generar video también se necesita ffmpeg.
Funciones clave
- 01Genera ilustraciones y animaciones a partir de código, con cada trazo producido mediante una función pura.
- 02Ofrece 32 estilos de dibujo, entre ellos acuarela, risografía, pixel art y xilografía.
- 03Renderiza el proceso de dibujo como una película, siguiendo el orden de trabajo de un artista que emplee esa técnica.
- 04Compone música original a partir de vocabularios de géneros, con muestras grabadas de instrumentos opcionales.
- 05Exporta a PNG, MP4, GIF, WebM con canal alfa y un archivo HTML independiente.
- 06Se instala como complemento para Claude Code, Codex y Grok Build.
Casos de uso
- Crear un conjunto coherente de ilustraciones para un sitio web o la página de un producto, usando un mismo estilo.
- Producir stickers animados, animaciones en bucle o clips para redes sociales con un estilo de dibujo elegido.
- Crear un video breve explicativo o de lanzamiento con imágenes y banda sonora generadas.
- Incrustar ilustraciones interactivas en una página web que respondan al movimiento del cursor o a los datos introducidos en un formulario.
Antes de usarlo
- Para usar instrumentos grabados de verdad, hay que descargar un paquete de sonido opcional de 373 MB. Sin él, la música solo usa sonidos sintetizados.
En colecciones
Temas
#generative-art#illustration#animation#creative-coding#canvas#motion-graphics#agent-skills#deterministic#claude-code#claude-plugin
Preguntas frecuentes
- ¿Qué es anidoodle?
- Generador basado en código de ilustraciones dibujadas a mano, animaciones en bucle, videos y arte web interactivo en 32 estilos, con resultados idénticos en cada ejecución. anidoodle es un conjunto de habilidades para agentes y un motor de renderizado para crear ilustraciones, timelapses de dibujo, animaciones en bucle, videos de lanzamiento e ilustraciones web interactivas completamente a partir de código. Cada trazo se genera mediante una función pura y la música se escribe como datos, por lo que el mismo código fuente reproduce la misma imagen o película en cualquier máquina y a cualquier tamaño.
- ¿anidoodle es gratuito? ¿Qué licencia tiene?
- anidoodle es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿anidoodle sigue mantenido?
- Mantenimiento activo. El último commit de anidoodle fue el 5 nov 2026.
- ¿Para qué puedo usar anidoodle?
- Crear un conjunto coherente de ilustraciones para un sitio web o la página de un producto, usando un mismo estilo. Producir stickers animados, animaciones en bucle o clips para redes sociales con un estilo de dibujo elegido. Crear un video breve explicativo o de lanzamiento con imágenes y banda sonora generadas. Incrustar ilustraciones interactivas en una página web que respondan al movimiento del cursor o a los datos introducidos en un formulario.
- ¿Dónde consigo anidoodle?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/alexgreensh/anidoodle
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
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.
6,4 mil+571 esta semana639JavaScriptMITActualizado hace 22 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.
456+60 esta semana52JavaScriptOtherActualizado el mes pasado
Una skill de Claude Code que convierte un tema breve en un video de motion graphics sincronizado con el ritmo, renderizado en MP4 con HyperFrames.
177+17 esta semana24MITActualizado el mes pasado
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.
2,6 mil+317 esta semana245JavaScriptMITActualizado el mes pasado
Una skill de Claude Code para dirigir cortometrajes en 51 estilos, creados por completo con código y sin modelos de generación de video.
13 mil+3,2 mil esta semana1,5 milJavaScriptMITBien mantenidoActualizado hace 7 días