Skip to content

Vocaloid Style Mv Pipeline

Production pipeline and Claude Code skill for Vocaloid-style hand-drawn (手書き) lyric music videos: deterministic Canvas2D/WebGL2 animation engine, JIZURA lyric motion, AI…

Install: git clone https://github.com/EGSECDA/vocaloid-style-mv-pipeline

Works with Claude Code · 135 GitHub stars

Install

$git clone https://github.com/EGSECDA/vocaloid-style-mv-pipeline

Install command taken from the project's README or registry entry. Always review code before running it.

Vocaloid-Style MV Pipeline

vocaloid-style-mv-pipeline

A Claude Code skill and project template for Vocaloid-style 手書き (tegaki) lyric MVs and motion-graphics showreels. A deterministic front-end animation engine renders every frame.

English · 简体中文 · 日本語

Author: NikusonP · MIT License · showcase: 「残光」 (Music / Lyrics / Movie:NikusonP)


What it is

Give an AI agent a song and its lyrics, and this kit lets it produce a finished, showreel-quality lyric music video in the ボカロ / V家手书 / 文字PV tradition. You get a 1920×1080 master, a natively re-laid-out 1080×1920 vertical version, and share encodes.

It is front-end animation. Every frame is drawn by HTML Canvas2D and composited by WebGL2 in a headless browser. Playwright captures the frames and ffmpeg encodes them. No After Effects, no timeline editor. A frame is a pure function of song time t, so the film is code: re-rendering always gives the same result, parallel workers can render any frame, and an agent can review, fix and re-render a 4-minute MV in minutes.

The kit has two parts:

  • The skill (skills/vocaloid-style-mv/): SKILL.md plus method references that take an agent from listen → concept → assets → storyboard → build → review → deliver.
  • The project template (skills/vocaloid-style-mv/template/): the engine, a scene library, the JIZURA 字面 lyric-motion layer, audio-analysis and lyric-timing tools, AI image-generation tooling, Blender toon-3D shot scripts and the renderer. Every new MV project starts as a copy of it.

The skill was written for Claude Code, but it is plain Markdown plus scripts, so other agents such as Codex can follow it too.

Showcase: 「残光」

「残光」 (Zankō, "Afterglow"). Music / Lyrics / Movie:NikusonP. A 3:46 MV with an original V家-style singer, 灯 (Akari). The sky cracks like glass, she falls into the night, keeps a small flame alive, gathers the pieces of her shattered heart, and walks a road made of her own tears toward the dawn. It has 68 beat-locked shots, JIZURA typography, two Blender toon-3D sequences, and a hard cut on the song's dead stop to a cyan afterimage. The full 1080p30 film renders in ≈4 minutes on an RTX 3080 (6,796 frames, 3 workers, ≈31 fps).

The 9:16 version is a re-layout, not a crop: JIZURA re-typesets every lyric natively for the tall frame.

More in the gallery (click to open full size):

Similar plugs

The 1st Collaborative AI Design Agent Workspace. Local-first and open source. Create prototypes, websites, apps, dashboards, presentations, images, and videos with your team…

Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.

Editorial diagram design for Claude Code, Codex, GitHub Copilot, Cursor, Factory Droid, and Pi. 44 diagram types. Self-contained HTML + SVG. No shadows. No Mermaid slop.

Explore related