akachandan1/video-studio

Animación pictórica e ilustrada — explicaciones científicas planas estilo Kurzgesagt ("qué hay dentro", escala, mecanismos) y estilos de historia del arte (Van Gogh, Monet, Lichtenstein, Kusama, Matisse, cubismo, tinta, 8-bit, mosaico romano, pintura rupestre, miniatura persa…). Utiliza el motor canvas huashu-art-motion con escenas CUSTOM, renderiza MP4 y los ensambla y musicaliza con HyperFrames. También incluye el plugin claude-animation para animación 2D dibujada a mano.

¿Qué es video-studio?

Esta skill permite a un agente de IA generar animaciones de alta calidad combinando motores de renderizado artístico (huashu-art-motion) con un pipeline de postproducción (HyperFrames). El agente puede crear escenas personalizadas en lugar de usar presets, aplicando estilos que van desde el look plano y didáctico de Kurzgesagt (con sombreado TOON, luz de borde y zooms lentos) hasta pinceladas de Van Gogh, puntos de Kusama, facetas cubistas, tinta japonesa, pixel art 8-bit, mosaicos romanos y más. Cada estilo se implementa mediante funciones de pintura específicas (PAINT.strokes, PAINT.halftone, PAINT.pixelate, PAINT.dabs, PAINT.mosaic, PAINT.facets, PAINT.inkWash, etc.) aplicadas sobre un lienzo determinista. Tras renderizar los clips individuales a 30 fps, la skill activa HyperFrames para ensamblar los clips con HTML, añadir títulos, etiquetas, una banda sonora sincronizada (golpe por cambio de estilo) y normalizar el audio a -14 LUFS. También incluye un plugin alternativo de animación dibujada a mano con estilo de acuarela/editorial. Es compatible con entornos donde se ejecuten Python, Node.js y los motores mencionados (huashu-art-motion, claude-animation).

Compatible con✓Claude Code~Codex CLI~Cursor

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

Documentación

Animación Artística → HyperFrames

Motores

huashu-art-motion (~/.claude/skills/huashu-art-motion, instalado por setup.sh): motor de lienzo determinista (window.renderFrame(t)), librerías de pintura PAINT (trazos, semitonos, pixelado, manchas, mosaico, facetas, tinta, pincel, corte → Path2D), TOON (sombreado plano), CAM (pushTo dives). Lee su SKILL.md para la API.
Plugin claude-animation (animación 2D dibujada a mano, look texturizado/acuarélico) — estilo alternativo.
HyperFrames: ensamblado, títulos, sonido, subtítulos y render final.

Flujo de trabajo que funciona

Escenas personalizadas, no presets. Los clips render.py --spec de huashu dibujan un nodo central + satélites y se leen como un mapa mental. Para algo de calidad de demostración, escribe escenas: copia scripts/engine en videos/<nombre>/engine, crea demos/<film>/eras.js + <film>.js registrando SCENES['id'] = (g, t, W, H) => {...}.
Look Kurzgesagt: un mundo continuo, formas planas con sombreado TOON, luz de borde, un lento CAM.pushTo hacia cada capa ("qué hay dentro"), tipografía Poppins/redondeada, barras de escala y etiquetas que aparecen al ritmo.
Estilos pictóricos: compón el sujeto una vez, luego renderízalo a través del pincel de cada estilo (Van Gogh = trazos direccionales a lo largo de un campo de flujo; Lichtenstein = semitono + contorno negro; Kusama = puntos; cubismo = facetas ~nx26/ny16 con pequeño desplazamiento — demasiadas facetas = desastre; tinta = inkWash; 8-bit = pixelado + paleta).
Renderiza (30 fps, el motor por defecto va a 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 para vertical).
Ensambla en HyperFrames: clips como <video class="clip"> con títulos/etiquetas en HTML superpuestos, banda sonora desde la skill score con un golpe por cambio de estilo, renderiza, loudnorm −14.

Mira un fotograma de cada estilo antes de renderizar el conjunto completo — los ajustes de alfa/tinta que se ven bien en código suelen salir embarrados.