An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
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-pipelineInstall command taken from the project's README or registry entry. Always review code before running it.
README excerpt
Read full README on GitHub →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.mdplus 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…
Agent skills that give coding agents taste: art direction, reference images and a browser check instead of generic AI pages
Turn any idea, plan, or codebase into a beautiful interactive diagram. An agent skill for Claude Code, Codex, and more.
AI agent skill that researches any topic across Reddit, X, YouTube, HN, Polymarket, and the web - then synthesizes a grounded summary
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.