akachandan1/video-studio

Erstellung von animierten Erklärvideos im Kurzgesagt-Stil und kunsthistorischen Stilen mit benutzerdefinierten Szenen, MP4-Rendering und HyperFrames-Montage.

Was ist video-studio?

Dieses Skill ermöglicht die Produktion von hochwertigen, animierten Erklärvideos mit einem Fokus auf malerische und illustrative Stile. Unterstützt werden unter anderem der Kurzgesagt-Stil (flache Formen mit TOON-Schattierung, Randlicht und langsamen Kamerafahrten) sowie kunsthistorische Stile wie Van Gogh, Monet, Lichtenstein, Kusama, Matisse, Kubismus, Tintenwäsche, 8-Bit, römisches Mosaik, Höhlenmalerei und persische Miniatur. Als Rendering-Engine kommt „huashu-art-motion“ zum Einsatz, ein deterministischer Canvas-Engine, der benutzerdefinierte Szenen über `render.py --spec` ermöglicht. Alternativ kann das „claude-animation“-Plugin für handgezeichnete 2D-Animationen verwendet werden. Die Montage, Titel, Sound und finale Ausgabe erfolgen in HyperFrames, das auch die Audio-Normalisierung (loudnorm −14) übernimmt. Der Workflow umfasst das Erstellen von benutzerdefinierten Szenen im Verzeichnis `videos/<name>/engine`, das Rendern mit 30 fps und die finale Montage der Clips als HTML-Videoelemente mit darüber liegenden Titeln und Labels. Das Skill läuft lokal über die Kommandozeile und eignet sich für Entwickler und Content Creator, die programmatisch Animationen in verschiedenen künstlerischen Stilen generieren möchten.

Funktioniert mit✓Claude Code~Codex CLI~Cursor

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

Dokumentation

Kunststil-Animation → HyperFrames

Engines

huashu-art-motion (~/.claude/skills/huashu-art-motion, installiert durch setup.sh): deterministischer Canvas-Engine (window.renderFrame(t)), Zeichenbibliotheken PAINT (Striche, Halbton, Pixelierung, Tupfen, Mosaik, Facetten, Tintenwäsche, Pinsel, Schnitt → Path2D), TOON (flache Schattierung), CAM (pushTo-Eintauchfahrten). Lies die SKILL.md für die API.
claude-animation-Plugin (handgezeichnete 2D, texturiert-editorial / Aquarell-Optik) — alternativer Look.
HyperFrames übernimmt Montage, Titel, Sound, Untertitel und den finalen Render.

Bewährter Workflow

Benutzerdefinierte Szenen, keine Voreinstellungen. huashus render.py --spec Clips zeichnen einen zentralen Knoten + Satelliten und werden als Mindmap gelesen. Für vorzeigbare Ergebnisse schreibe Szenen: kopiere scripts/engine nach videos/<name>/engine, erstelle demos/<film>/eras.js + <film>.js und registriere SCENES['id'] = (g, t, W, H) => {...}.
Kurzgesagt-Look: eine durchgehende Welt, flache Formen mit TOON-Schattierung, Randlicht, eine langsame CAM.pushTo-Eintauchfahrt in jede Schicht („was steckt drin“), Poppins/abgerundete Schrift, Skalenbalken und Labels, die im Takt erscheinen.
Malerstile: erstelle das Motiv einmal und rendere es durch den Pinsel jedes Stils (Van Gogh = gerichtete Striche entlang eines Strömungsfelds; Lichtenstein = Halbton + schwarze Kontur; Kusama = Punkte; Kubismus = Facetten ~nx26/ny16 mit kleiner Verschiebung — zu viele Facetten = zerstörtes Bild; Tinte = Tintenwäsche; 8-Bit = Pixelierung + Palette).
Render (30 fps, der Engine standardmäßig 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 für vertikale Ausrichtung).
Montage in HyperFrames: Clips als <video class="clip"> mit Titeln/Labels als HTML darüber, Soundtrack aus dem score-Skill mit einem Einschlag pro Stilwechsel, rendern, loudnorm −14.

Betrachte einen Frame jedes Stils, bevor du die gesamte Serie renderst — Alpha-/Wäsche-Einstellungen, die im Code gut aussehen, wirken oft matschig.