Paper Cutout Remotion — Development skill for Claude Code

Paper Cutout Remotion · 纸片风分层动画

Agent skill : 把一份分镜脚本变成**纸片分层风格**的视频：背景、主角、配角、前景分别做成独立 PNG 素材，每一层按不同节奏运动，靠前后遮挡制造纵深立体感。

真正的纸片动画，核心不是生成一张漂亮的图，而是让每一张图都承担明确的叙事位置。

---

这是什么

一套用 AI 生成素材 + Remotion 控制动画的视频生产 **skill**。适合做：

• 🏯 古诗词 / 历史人物 / 朝代叙事（唐宋明清…）
• 📚 知识科普（人物 + 概念图解）
• 💼 商业故事（创始人/产品/用户分层）
• 🌆 城市发展、人物关系、任何能拆成"背景+人物+前景"的画面

**已验证案例**：

案例	时长	场景	角色	风格
静夜思（李白）	62s	6	李白×3 姿态	冷蓝夜色·思乡静谧
念奴娇·赤壁怀古（苏轼）	104s	8	周瑜×2 / 小乔 / 苏东坡	赭红青灰·怀古磅礴

成品案例：


---

怎样配置使用

首先需要安装好 apiz cli , 这是能够利用生图能力和配音能力，利用世界最好的模型生成图片和配音。 ，然后需要安装好 remotion。

配置好，就可以开始使用了。 在codex,claude code, workbuddy:

❯ paper-cutout-remotion skill 制作： 制作一个纸片风分层动画视频： 苏东坡 赤壁怀古

---

核心原理：为什么必须"分层"

很多人做纸片风视频，只是把一张完整图片放大、缩小，再加点镜头移动。**这样能动，但没有层次。**

真正的纸片分层动画，把每个镜头拆成四层独立素材：

背景层(山水/宫殿)  ← 最慢，轻微推镜
    ↓ zIndex 0
后排层(远处群臣)   ← 小幅移动，避免抢戏
    ↓ zIndex 1-2
主体层(主角)       ← 最大，入场最有力量
    ↓ zIndex 3-4
前景层(近处人物)   ← 稍快，遮挡主体制造纵深
    ↓ zIndex 5-6
文字/字幕          ← 最上层

**立体感来自遮挡关系，不是 3D。** 前景故意挡住主体的边缘，观众的大脑会自动脑补出空间前后。这是纸片风的灵魂——详见 [`references/layering.md`](references/layering.md)。

---

工具链

一条本地视频流水线，每个工具承担明确职责：

分镜脚本(narration.yaml)
        │
        ├─→ apiz (nano-banana-pro) 生成【无人物背景底板】
        │       └─ gen_plates.py
        │
        ├─→ apiz 生成【角色素材表】(纯绿背景)
        │       └─ gen_characters.py
        │            ↓
        │       Python 绿幕抠图 + 拆独立 PNG
        │       └─ split_sheet_green.py  ★核心
        │
        ├─→ 旁白 TTS 生成【配音】（三级兜底：apiz → minimaxi → edge-tts）
        │       └─ gen_tts.py
        │
        └─→ Remotion (React) 控制图层/动画/字幕 → 渲染 MP4
                └─ scenes.tsx + Root.tsx

| 工具