Communitygithub.com

shfahiim/me

Crea un cortometraje con aspecto dibujado a mano o impreso, donde cada fotograma es dibujado por JavaScript en Canvas 2D desde un único archivo HTML sobre un núcleo compartido, y luego renderizado a mp4 con una banda sonora generada por Web Audio.

¿Qué es me?

Este skill te permite generar cortometrajes animados con estética artesanal (dibujo a mano o impresión) utilizando únicamente JavaScript sobre Canvas 2D. Todo el proceso se basa en un solo archivo HTML que contiene un núcleo compartido y un sistema de paletas. El skill ofrece cuatro estilos visuales distintos: tinta sobre papel cálido con tramado, impresión risográfica en tintas fluorescentes, serigrafía plana con tramas de puntos y grafismo minimalista con secciones rasgadas. La animación está configurada a 12 fps (dibujada a pares) e incluye interludios de planos azules, manchas de tinta, ondas, montajes y más. El resultado final se renderiza a video mp4 con una banda sonora generada mediante Web Audio, lo que lo hace ideal para creadores que buscan una herramienta programática para producir animaciones cortas con un acabado visual único y reproducible.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/shfahiim/me/tree/main/skill/hand-drawn-canvas-animation

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace me?

Crea un cortometraje con aspecto dibujado a mano o impreso, donde cada fotograma es dibujado por JavaScript en Canvas 2D desde un único archivo HTML sobre un núcleo compartido, y luego renderizado a mp4 con una banda sonora generada por Web Audio. Cuatro estilos a partir de un núcleo y un sistema de paletas: tinta sobre papel cálido con tramado, impresión risográfica en tintas fluorescentes, serigrafía plana con tramas de puntos y grafismo minimalista con secciones rasgadas, dibujados a pares (12 fps), con interludios de planos azules, manchas de tinta, ondas, montajes, insignias.

Skills relacionados