hand-draw-video-skill ✏️🎬

一个让 AI Agent（ZCode / Claude Code / Cursor 等）按可复用工作流，把一段中文故事做成「灰度扫入彩色」手绘风格竖版短视频（9:16）的 Skill。 完整覆盖：故事拆分 → 角色全家福参考图 → AI 生图（人物一致）→ Remotion 三层四遮罩动画 → 预览确认 → 渲染 MP4 → 抖音发布文案。

An AI-agent Skill (a single SKILL.md + style reference prompts) that turns a Chinese short story into a vertical hand-drawn-style video: text reveal → grayscale sweep → color sweep, rendered with Remotion at 9:16 / 1080×1920 / 30fps, plus an auto-generated Douyin/TikTok caption. Built for the Chinese short-video audience (warm/healing/family stories). Ships with 6 locked art styles.

---

English Summary

hand-draw-video-skill is a reusable prompt/skill package (not a runnable app by itself). You drop it into any agent that understands the SKILL.md convention (ZCode, Claude Code, Cursor, etc.). Once loaded, you can simply tell the agent something like “用这个 skill 帮我把下面这段故事做成手绘视频” and it will drive the full pipeline:

1. Split the story into scenes (one image per scene, ≤3 lines / ≤20 chars per line).
2. Generate a character group portrait as a visual anchor for cross-scene consistency — pauses for your confirmation before going further.
3. AI-generate each scene in one of 6 locked styles (A coloring page / B light-color sketch / C Scandinavian gouache / D low-sat coloring page / F soft watercolor picture book / G naive children’s storybook), 9:16, with the Chinese text baked into the top 30% and a small white gap before the illustration.
4. Compose in Remotion using a 3-stage, 4-layer mask animation (text reveal → grayscale sweep → color sweep) on the same source image (grayscale is just desaturated, never a re-generation — otherwise faces “jump”).
5. Preview in Remotion Studio → render MP4 → write a Douyin caption.

Requirements at runtime: Node.js + Remotion, any AI image generator, FFmpeg (optional, for audio mix). See Dependencies.

---

适用场景

• 想批量做抖音/小红书「人间温暖」「治愈系」「亲子烟火」类手绘故事号的创作者
• 有故事/脚本，想用 AI Agent 一条龙产出竖版动画视频的人
• 想学习「灰度扫入彩色」这种竖版短视频动画原理的开发者

⚠️ 本仓库是 Skill（提示词工程产物），不是一个能直接 npm start 的应用。它指导 AI Agent 去动态生成 Remotion 项目代码。运行时由 Agent 现场创建。

工作管线总览

故事拆分 → 角色全家福参考图 → AI生图(逐场,带参考图) → 场景清单(JSON)
       ↓
Remotion合成(四层遮罩: 文字扫入→灰度→彩色)
       ↓
预览确认 → 渲染MP4 → 生成抖音发布文案

示例图片

下面是一张由本 skill 生成的 9:16 手绘故事场景图，展示了“顶部文字区 + 中下部插画 + 纯白背景”的版式约束。它可以直接作为 Remotion 的单场输入图片：

示例场景文字：“她做数学，我抄生字；她背课文，我背英语单词。”

两个关键暂停点（skill 强制要求）：

• 🅰️ 生成角色全家福后暂停，展示给用户确认人物形象无误，再继续逐场生图。
• 🅱️ Remotion 代码写完后暂停，启动 npx remotion studio 预览，用户确认动画效果后再渲染。

相关技能与工作流程

这个 skill 不是单一的生图提示词，而是一组由 AI Agent 协调执行的相关能力。每项能力都有明确的输入、输出和质量约束，最终组合成一条可复用的视频生产流水线。

相关技能