Reference Video Rebuild — AI skill for Claude Code
Rebuild a reference video's shot structure, motion and layout 1:1 as an editable Remotion project with your own characters.
How to install Reference Video Rebuild
This entry records only its repository, not the path inside it, so there is no
exact command to give. Open saikizhou-cyber/reference-video-rebuild and copy the folder into
~/.claude/skills/, or the file into ~/.claude/agents/.
What Reference Video Rebuild does
Rebuild a reference video's shot structure, motion and layout 1:1 as an editable Remotion project with your own characters. A Claude Code skill: measuring, multi-agent build, AI assets, side-by-side QA, 1080p render, measured retrospective.
Alternatives in AI
- Pixel Agents — Compressed Reference — VS Code extension with embedded React webview: pixel art office where AI agents (Claude Code terminals) are an 6.5k ★
- Clawcodex — Token efficient Claude Code full Python rebuild 875 ★
- Obsidian + Claude Code: Rebuild Your Second Brain With AI — Build an AI-powered personal knowledge management system from scratch 540 ★
README
🎬 reference-video-rebuild
**把一条参考视频的镜头结构、动效和排版 1:1 复刻成可编辑的代码工程,角色、文案、美术全部换成你自己的。**
一个给 Claude Code 用的 Skill:拆镜头 → 量参数 → 多代理并行搭建 → AI 生成素材 → 逐镜头对照原片 → 1080p 出片 → 复盘,全流程。
[](LICENSE) [](https://code.claude.com/docs/en/skills) [](https://www.remotion.dev/) [English](README.en.md) · 中文

上图是用这套流程实际做出来的 36 秒 PV 片段(共 57 个镜头、8 幕)。镜头结构和节奏参照一条商业 PV 学习复刻;角色、名字、文案为原创,角色图由 AI 生成。
✨ 它能帮你做什么
- 复刻结构,不复制内容:照着一条游戏 PV、预告片或 MG 动画,把每个镜头的构图、位置、大小、配色、运镜和节奏量出来,再用代码重建;画面里的角色、文字、Logo、界面和图形全部自己设计。
- 出一个能改的工程,而不只是一条视频:基于 Remotion(React + TypeScript),每幕一个文件夹、一份配置;换角色只改一个配置文件。
- 代码画不好的交给 AI:道具、卡牌、角色动作、几秒的小动画用 AI 生成,再抠图、抠色键,在代码里风格化成镜头的配色。
- 用数字验收,不靠感觉:每个镜头都和原片左右并排比;位置、大小、角度、颜色都有量化工具。
- 能出片,也能复盘:1080p 分段渲染;换配乐不用重渲;最后用会话记录自动统计用时、消息数、各模型 token。
📊 一次真实项目的账本
用这套流程复刻一条 36 秒的游戏联动 PV(57 镜头、8 幕),最终交付 1080p:
| 项目 | 实测 |
|---|---|
| 全程 / 活跃时间 | 66.7 小时 / 18.8 小时(活跃时间含 AI 自己跑的时间) |
| 用户发的消息 | 113 条(44 条带截图) |
| 模型轮数 / 输出 token | 11,467 轮 / 1,342 万(主控 Opus,子代理后期全部改用 Sonnet) |
| AI 生成 | 121 张图 + 9 段视频 = 1,184 即梦积分(按生成数反推) |
| 白花的 | 9 段视频里 5 段没用上(120 积分),加上一批被重新设计替换的 9 张图(72 积分),至少 192 积分(约 16%)→ 所以有了"先定静态图再做视频"这条铁律 |
完整复盘见 [`references/case-study-gamepv.md`](references/case-study-gamepv.md)。

🚀 安装
Claude Code 个人级(所有项目可用,bash 和 PowerShell 都能用):
git clone https://github.com/saikizhou-cyber/reference-video-rebuild.git "$HOME/.claude/skills/reference-video-rebuild"
只给某个项目用:clone 到项目里的 `.claude/skills/reference-video-rebuild`。装好后在 Claude Code 里输入 `/reference-video-rebuild`,或者直接说"1 比 1 复刻这条视频",它会自动加载。
其他支持 Agent Skills(`SKILL.md`)格式的 AI 编程工具,把整个文件夹放进它们的 skills 目录即可(未逐一测试)。
**依赖**
| 必需 | 可选 |
|---|---|
| Node.js 18+、[ffmpeg](http |
Related Skills
Android Layout Inspector MCP
Spatial inspection of a live Android UI for AI agents — finds overlapping views, clipping, touch targets under
Generate Image
Generate AI images for your Remotion project. Describe what you need — backgrounds, thumbnails, characters, ab
Claude Remotion Skill
Open-source Claude agent skill that teaches Claude Code, Claude Desktop & Claude AI to create and edit profess
AI Producer Plugin
Edit talking-head videos in Codex and Claude Code. Cuts, captions, motion graphics, and editable previews. The
10d10s Bonus AI Ad Studio
Claude Code skill - from idea to finished AI ad with motion titles: pick the title style first, plan the Seeda
Nami Windows
Put the world's best AI agents to work. One workspace for all of them — Claude Code, Codex, Gemini and more, r
Related Agents
Design System Extractor
Extracts full UI specs from your product's frontend components for Remotion video screen recreation. Produces
Game Agent
Orchestrates generation of a complete 2D/3D game. Selects the optimal engine (Godot 4, Three.js, Phaser 3), ge
Video Director
A specialized video production director that orchestrates the full pipeline from concept to rendered MP4. Dele