akachandan1/video-studio

Animation de style peinture et illustration — explications scientifiques plates de type Kurzgesagt (« ce qu'il y a à l'intérieur », échelle, mécanismes), styles d'histoire de l'art (Van Gogh, Monet, Lichtenstein, Kusama, Matisse, cubisme, lavis d'encre, 8-bit, mosaïque romaine, peinture rupestre, miniature persane…). Utilise le moteur canvas huashu-art-motion avec des scènes CUSTOM, rend des MP4 et les assemble/score dans HyperFrames. Inclut également le plugin claude-animation pour l'animation 2D dessinée à la main.

Qu'est-ce que video-studio ?

Cette compétence permet de créer des animations artistiques de haute qualité, allant du style d'illustration scientifique plat (Kurzgesagt) aux styles d'histoire de l'art (Van Gogh, Monet, cubisme, etc.). Elle s'appuie sur deux moteurs principaux : **huashu-art-motion** (un moteur canvas déterministe avec des bibliothèques de peinture comme PAINT, TOON, CAM) et le **plugin claude-animation** pour un rendu dessiné à la main. Les scènes sont écrites sur mesure sous forme de code JavaScript, puis rendues en MP4 via un script Python (Playwright). L'assemblage final, les titres, le son et le sous-titrage sont réalisés dans **HyperFrames**, avec une bande-son générée par la compétence `score`. La compétence est conçue pour les agents AI (Claude Code, Cursor, Codex) et les développeurs qui souhaitent produire des vidéos d'explication animées ou des démonstrations visuelles avec un rendu artistique contrôlé. Elle nécessite l'installation préalable des dépendances via `setup.sh` et une connaissance de base des API des moteurs utilisés.

Compatible avec✓Claude Code~Codex CLI~Cursor

npx skills add https://github.com/akachandan1/video-studio/tree/HEAD/.claude/skills/art-styles

Documentation

Animation de style artistique → HyperFrames

Moteurs

huashu-art-motion (~/.claude/skills/huashu-art-motion, installé par setup.sh) : moteur canvas déterministe (window.renderFrame(t)), bibliothèques de peinture PAINT (traits, halftoning, pixelisation, touches, mosaïque, facettes, lavis d'encre, pinceau, découpe → Path2D), TOON (ombrage plat), CAM (plongées pushTo). Lisez son SKILL.md pour l'API.
Plugin claude-animation (animation 2D dessinée à la main, aspect éditorial texturé / aquarelle) — rendu alternatif.
HyperFrames : assemblage, titres, son, sous-titres et rendu final.

Flux de travail qui fonctionne

Scènes personnalisées, pas de préréglages. Les clips render.py --spec de huashu dessinent un nœud central + satellites et se lisent comme une carte mentale. Pour des scènes de qualité démo, écrivez vos propres scènes : copiez scripts/engine dans videos/<nom>/engine, créez demos/<film>/eras.js + <film>.js en enregistrant SCENES['id'] = (g, t, W, H) => {...}.
Aspect Kurzgesagt : un monde continu, formes plates avec ombrage TOON, lumière de contour, une plongée CAM.pushTo lente dans chaque couche (« ce qu'il y a à l'intérieur »), typographie ronde Poppins, barres d'échelle et étiquettes qui apparaissent en rythme.
Styles de peinture : composez le sujet une fois, puis rendez-le dans chaque style de pinceau (Van Gogh = traits directionnels le long d'un champ de vecteurs ; Lichtenstein = halftoning + contour noir ; Kusama = points ; cubisme = facettes ~nx26/ny16 avec un petit décalage — trop de facettes = un gâchis ; encre = lavis d'encre ; 8-bit = pixelisation + palette).
Rendu (30 fps, le moteur par défaut est 60) : uv run --with playwright python render.py --film demos/<film> --solo <id> --no-counter --fps 30 --from 0 --to <s> --out clip.mp4 (--width 1080 --height 1920 pour le format vertical).
Assemblage dans HyperFrames : clips en tant que <video class="clip"> avec titres/étiquettes en HTML par-dessus, bande-son générée par la compétence score avec un hit à chaque changement de style, rendu, loudnorm −14.

Regardez une image de chaque style avant de rendre l'ensemble complet — les réglages alpha/lavis qui semblent corrects dans le code deviennent souvent boueux.