Communitygithub.com

shfahiim/me

Créez un court métrage au rendu dessiné à la main ou imprimé, où chaque image est dessinée par JavaScript sur Canvas 2D à partir d'un seul fichier HTML reposant sur un noyau partagé, puis rendue en mp4 avec une partition audio générée par Web Audio.

Qu'est-ce que me ?

Ce skill permet à un agent IA de générer un court métrage d'animation entièrement procédural à partir d'un seul fichier HTML. Chaque image est dessinée en temps réel sur un canvas 2D à l'aide de JavaScript, en utilisant un noyau partagé et un système de palette unique. Le rendu final est un fichier mp4, accompagné d'une partition audio générée via Web Audio. Ce skill propose quatre styles visuels distincts : encre sur papier chaud avec hachures, impressions riso en tons directs fluorescents, sérigraphie plane avec trames de points, et minimalisme au crayon avec sections déchirées. L'animation est en 'twos' (12 images par seconde) et inclut des interludes de plans bleus, des taches d'encre, des ondulations, des montages, et des badges. Il est idéal pour les artistes numériques, les designers et les développeurs souhaitant explorer l'animation procédurale et le rendu stylisé sans recourir à des logiciels de montage vidéo traditionnels. Le système supporte les navigateurs modernes et l'environnement Node.js via des outils comme Puppeteer pour le rendu vidéo.

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

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait me ?

Créez un court métrage au rendu dessiné à la main ou imprimé, où chaque image est dessinée par JavaScript sur Canvas 2D à partir d'un seul fichier HTML reposant sur un noyau partagé, puis rendue en mp4 avec une partition audio générée par Web Audio. Quatre looks à partir d'un noyau et d'un système de palette unique - encre sur papier chaud avec hachures, impressions riso en tons directs fluorescents, sérigraphie plane avec trames de points, et minimalisme au crayon avec sections déchirées - animés en twos (12 fps), avec interludes de plans bleus, taches d'encre, ondulations, montages, badges.

Skills associés