Repolode
提交项目
gnipbao

gnipbao/story-to-handdrawn-video

Agent Skill，可将中文故事或有序图片制作成 3:4 竖屏手绘日记漫画风静音视频。

在 GitHub 查看
Star
2,389
Fork
331
未关闭 Issue
2
最近提交
2个月前

这是什么？

story-to-handdrawn-video 可把中文故事文本或一组有序图片制作成竖屏手绘动画。AI Agent 负责规划分镜，并通过生图工具绘制带手写中文字的整页母图；本地流程再将母图拆分为文字与插画图层，最后由 Remotion 渲染为 720×960 或 1080×1440 的静音 H.264 MP4，便于后期添加配音或配乐。

项目支持两种动画方式：逐层绘制会依次呈现文字、由彩色插画派生的黑白画稿，再显示彩色画面；翻书模式则保留完整页面，从右下角卷起露出下一页。仓库内置 297 条画风配方和 30 种配色，并提供 30 种常用精选画风，还支持分析参考图并保存为私有风格以便复用。

项目同时提供 Remotion 渲染器和可安装的 Agent Skill，适配 Codex、Claude Code、Kimi Code 等支持 Skill 的 Agent。运行环境需要 Node.js 20+、Python 3.10+ 与 FFmpeg；生成新画面还需要 Agent 可调用的生图工具。

核心功能

  • 01将中文故事文本或有序图片导出为 3:4 竖屏静音 MP4。
  • 02由生图工具一次绘制插画与准确的手写中文字。
  • 03逐层绘制依次呈现文字、黑白画稿与彩色插画。
  • 04翻书模式从右下角卷起完整保留的原始页面。
  • 05内置 297 条画风配方与 30 种配色，并提供可离线浏览的图库。
  • 06可分析参考图并保存为私有风格，供之后复用。

适用场景

  • 将短篇故事制作成手绘日记或绘本风格的视频。
  • 让一组已绘制好的插画页面按顺序动起来。
  • 在正式渲染前预览并比较不同画风。
  • 制作静音视频初稿，之后再添加配音或配乐。

快速上手

  1. 1

    克隆仓库

    git clone https://github.com/gnipbao/story-to-handdrawn-video.git
  2. 2

    进入项目目录

    cd story-to-handdrawn-video
  3. 3

    安装渲染器依赖

    npm ci
  4. 4

    将 Skill 复制到 Codex 的 skills 目录

    cp -R skill-package/story-to-handdrawn-video ~/.codex/skills/

使用前须知

  • 生成新插画需要 Agent 可调用的生图工具。
  • 需要 Node.js 20+、Python 3.10+、FFmpeg 以及兼容的浏览器。
  • 导出的视频为静音，配音和音乐需在后期制作中添加。

收录于专题

开源 AI Agent 框架与应用AI 视频与音频工具AI 图像生成工具与 Stable Diffusion 项目

标签

#video-generation#remotion#ai-agent#image-generation#storyboard#hand-drawn#animation#chinese

常见问题

story-to-handdrawn-video 是什么？
Agent Skill，可将中文故事或有序图片制作成 3:4 竖屏手绘日记漫画风静音视频。 story-to-handdrawn-video 可把中文故事文本或一组有序图片制作成竖屏手绘动画。AI Agent 负责规划分镜，并通过生图工具绘制带手写中文字的整页母图；本地流程再将母图拆分为文字与插画图层，最后由 Remotion 渲染为 720×960 或 1080×1440 的静音 H.264 MP4，便于后期添加配音或配乐。
story-to-handdrawn-video 可以免费使用吗？用的什么许可证？
story-to-handdrawn-video 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。
story-to-handdrawn-video 还在维护吗？
半年内有更新。story-to-handdrawn-video 最近一次提交是在 2026年9月22日。
story-to-handdrawn-video 适合用来做什么？
将短篇故事制作成手绘日记或绘本风格的视频。 让一组已绘制好的插画页面按顺序动起来。 在正式渲染前预览并比较不同画风。 制作静音视频初稿，之后再添加配音或配乐。
story-to-handdrawn-video 怎么安装和运行？
克隆仓库: git clone https://github.com/gnipbao/story-to-handdrawn-video.git 进入项目目录: cd story-to-handdrawn-video 安装渲染器依赖: npm ci 将 Skill 复制到 Codex 的 skills 目录: cp -R skill-package/story-to-handdrawn-video ~/.codex/skills/
在哪里获取 story-to-handdrawn-video？
源代码和安装说明在 GitHub 上：https://github.com/gnipbao/story-to-handdrawn-video

概要由 AI 根据项目 README 生成；GitHub 数据每日更新。

相关项目