hand-drawn-storybook-animation:开源 Claude Skill,把一个故事变成代码实时绘制的手绘动画绘本
摘要
hand-drawn-storybook-animation 是 X 博主 Hailey(@HaileyAILabs)开源的 Claude Skill,能把剧本变成在浏览器里由代码实时画出来的故事动画,覆盖分镜、运镜、角色表演、转场、生成式配乐、豆包语音配音与中英双语字幕,支持手绘水彩、水墨神话、工笔长卷等多种风格。
本文目录
它解决什么问题
想做一部有画面、有配音、有字幕的动态绘本,传统流程要经过写剧本、画插画、做动画、剪辑、配音好几道工序,每一步都需要专门技能,成本也不低。对于有好故事却不会画画、不会剪辑的人来说,这道门槛几乎无法跨越。
AI视频工具虽然很多,但生成结果常常画风不统一、镜头难以精细控制,修改一处细节往往要整段重来。很多人得到的只是一段“AI演示”,而不是一部完整、可持续打磨的作品。
hand-drawn-storybook-animation是 X博主 Hailey(@HaileyAILabs)开源的一个 Claude Skill。她自述不会画画、也不会剪辑,用 GPT写剧本、让 Claude负责制作和修改、再接入豆包语音配音,一天左右就做出了一部7分钟的手绘水彩动画绘本。她把这套制作流程和画面处理方法整理成 Skill开源出来,让更多人可以照着做。

图片来源:GitHub 项目仓库
它能做什么
这个 Skill的核心思路是:故事动画里的所有画面都由代码在浏览器里实时画出来,没有预渲染视频,也没有图片素材。铅笔线慢慢出现、水彩一点点晕开、章节之间用翻页或湿笔刷转场,这些效果都是代码实时绘制的结果。
它覆盖了从剧本到成片的完整流程:先用 GPT按“写剧本、自我批判、出分镜图”三轮打磨故事;再由 Claude根据剧本拆分镜头、设计运镜、绘制场景、制作角色表演和转场;配乐由程序实时生成;旁白和角色对白接入火山引擎的豆包语音合成,并配上与声音对齐的中英双语字幕。此外,它还支持页面内截图、15秒录制,以及把动画剪成9:16竖屏宣传片。
风格上不局限于手绘。作者已经用它做过四种风格:手绘水彩绘本《追星星的小狐狸》、中国神话水墨《女娲补天》、工笔水墨城市长卷《墨水宇宙 · 汴河码头》(使用 WebGL流体墨效果),以及万圣节夜晚绘本《今晚,有人敲门吗?》。

图片来源:GitHub 项目仓库
最近,作者又展示了一部约3分钟的神话动画绘本《夸父逐日》:每一座山、每一棵桃树都是代码在浏览器里实时画出来的,没有任何图片素材,配有英文旁白和双语字幕。

图片来源:GitHub 项目仓库
有什么好处
第一,门槛低。使用者不需要绘画或剪辑技能,主要负责创意、审美把关和反复提修改意见,比如“节奏有点慢”“颜色鲜艳一点”“背景音乐要治愈一点”,像导演一样指挥即可。
第二,画面统一、可控、可修改。因为画面是代码生成的,风格前后一致,哪里不满意就针对哪里改,不必整段重新生成。
第三,声音和字幕自动对齐。接入豆包配音后,旁白和角色可以设置不同的声音和语气,并根据实际语音时长调整画面节奏,让画面、声音和字幕尽量同步。
第四,一套流程,多种题材。从水彩绘本到古风长卷再到节日故事,底层制作思路相通,可以持续尝试新的故事和视觉风格,逐步积累成系列作品。

图片来源:作者 X 帖子
适合谁
这个 Skill适合想做知识科普、技能教学动画的内容创作者;制作睡前故事、英语启蒙、安全教育等儿童内容的人;希望把中国神话、经典童话或原创故事做成电子绘本的作者;想用一个小故事讲清产品卖点的营销人员;以及希望打造固定角色、持续更新剧情的品牌 IP运营者。
需要注意的是,豆包配音需要使用者自己的火山引擎 API Key,并妥善保管、不要上传到公开仓库。作者也提醒,AI说“做完了”不等于可以直接发布,节奏、转场、配音等细节仍需自己从头检查;角色最好原创。具体安装和使用方法,请参考官方 GitHub仓库说明。
开源地址
https://github.com/lhlGitHub/hand-drawn-storybook-animation-skill