Communitygithub.com

akachandan1/video-studio

Painterly and illustrated animation — Kurzgesagt-style flat science explainers ("what's inside", scale, mechanisms), art-history styles (Van Gogh, Monet, Lichtenstein, Kusama, Matisse, cubism, ink wash, 8-bit, Roman mosaic, cave painting, Persian miniature…). Uses the huashu-art-motion canvas engine with CUSTOM scenes, renders MP4s, and assembles/scores them in HyperFrames. Also the claude-animation plugin for hand-drawn 2D.

What is video-studio?

video-studio is a Claude Code agent skill that painterly and illustrated animation — Kurzgesagt-style flat science explainers ("what's inside", scale, mechanisms), art-history styles (Van Gogh, Monet, Lichtenstein, Kusama, Matisse, cubism, ink wash, 8-bit, Roman mosaic, cave painting, Persian miniature…). Uses the huashu-art-motion canvas engine with CUSTOM scenes, renders MP4s, and assembles/scores them in HyperFrames. Also the claude-animation plugin for hand-drawn 2D.

Works with✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/akachandan1/video-studio/tree/HEAD/.claude/skills/art-styles

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

Art-style animation → HyperFrames

Engines

  • huashu-art-motion (~/.claude/skills/huashu-art-motion, installed by setup.sh): deterministic canvas engine (window.renderFrame(t)), painting libs PAINT (strokes, halftone, pixelate, dabs, mosaic, facets, inkWash, brush, cut → Path2D), TOON (flat shading), CAM (pushTo dives). Read its SKILL.md for the API.
  • claude-animation plugin (hand-drawn 2D, textured-editorial / watercolour looks) — alternative look.
  • HyperFrames does assembly, titles, sound, captions and the final render.

Workflow that works

  1. Custom scenes, not presets. huashu's render.py --spec clips draw a centre node + satellites and read as a mind map. For anything showcase-grade write scenes: copy scripts/engine into videos/<name>/engine, create demos/<film>/eras.js + <film>.js registering SCENES['id'] = (g, t, W, H) => {...}.
  2. Kurzgesagt look: one continuous world, flat shapes with TOON shading, rim light, a slow CAM.pushTo dive into each layer ("what's inside"), Poppins/rounded type, scale bars and labels that pop on the beat.
  3. Painter styles: compose the subject once, then render it through each style's brush (Van Gogh = directional strokes along a flow field; Lichtenstein = halftone + black outline; Kusama = dots; cubism = facets ~nx26/ny16 with small shift — too many facets = shattered mess; ink = inkWash; 8-bit = pixelate + palette).
  4. Render (30 fps, the engine defaults to 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 for vertical).
  5. Assemble in HyperFrames: clips as <video class="clip"> with titles/labels as HTML on top, score from the score skill with a hit per style change, render, loudnorm −14.

Look at a frame of every style before rendering the full set — alpha/wash settings that look fine in code often come out muddy.

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

akachandan1/video-studio

Add styled, word-synced captions (and an optional scroll-stopping hook) to a talking video. The user gives a video; you transcribe it, show every caption style rendered on their own footage, they pick a style and hook, and you render the captioned MP4. Use when the user uploads/gives a video and says "caption this", "add captions/subtitles", "make captions", "caption styles", "add a hook", or invokes /caption-video.

akachandan1/video-studio

Fast CapCut-style chop-cut reel with a story — showreels, hype edits, launch teasers, "make it punchy". One canvas engine on a beat grid (punch-ins on cuts, flash frames, impact shakes, whip pans, speed ramps, freeze frames) rendered in HyperFrames, in 16:9 and 9:16 from one edit, with an original synthesized score locked to the cuts.

akachandan1/video-studio

Guided studio for narrated, fact-checked explainer videos in a Vox-style editorial look (bold collage, flat colour fields, marker annotations, big numbers) or a paper-diorama documentary look. One idea in → sourced script in 10-second blocks → style key + per-scene prompts (or free code-built collage scenes) → offline voiceover fitted to each block → HyperFrames cut with captions, animated number callouts and an original score, in 16:9 and/or 9:16. Use for "Vox-style video", "explainer", "animated explainer", "data-driven video", "make a video about X", "why does X happen".

akachandan1/video-studio

Apple / OpenAI-style product launch film or premium spec ad (30–60 s) — minimal supers, big product moments, signature transition, piano/pulse score, end-card lockup. Shots come from code (HyperFrames scenes), Higgsfield AI image→video, or real product footage, all assembled and rendered in HyperFrames. Includes the fold-cut builder (shots hinge shut/open on the centre line).

Related Skills