代码做视频 Skills 推荐：3 款开源工具，卡通宣传片、综艺花字、产品广告片一次搞定

用代码做视频三款 Skills 对比视频截图

原帖作者试了二十多款用代码做视频的 Skills，最后筛出三个：一个做卡通动漫风、一个做综艺花字竖屏、一个做产品宣传片。共同点是——都不是让 AI 直接生成视频，而是让编程 Agent 写代码画出每一帧，成片清晰、可改、能商用。下面把三款的用法、适用场景和注意事项展开说清楚，数据都以 GitHub 仓库现状为准。

先说清一个前提：代码做视频和 AI 生视频不是一回事

AI 生视频是给提示词等模型出片，画面细节不可控，改一处往往要全部重抽。代码做视频是 Agent 写网页、Canvas、SVG 或 Remotion 代码，逐帧渲染成 MP4：文案、配色、镜头、字幕、音效都在代码里，改文案改一行就能重渲，品牌感和一致性好得多。这也是这三款 Skills 能直接拿去给产品做宣传片、甚至去视频平台起号的原因——出片后你手里有源码，不是只有一段视频文件。

如果你还没系统用过 Claude Code，可以先看本站这篇claude-howto：4.4 万星的 Claude Code 图文教程，以及给 Claude Code 装技能的那套方法，再回来装下面这三个 Skill，门槛会低很多。

1. ClaudeAnimationBase：手绘卡通风，角色会演戏

原帖作者评价“效果最好”。这是一个用 Claude 做手绘卡通动画的 starter kit：技术栈是 p5.js + p5.brush，主角是一个叫 Clawd 的角色，自带 31 种表演情绪和一套给模型的动画指南 ANIMATION_GUIDE.md。仓库是 MIT 协议，2026 年 9 月 23 日创建，核查时约 1,892 星、172 个 fork。

用法很简单：克隆仓库后在 Claude Code 里打开，先让模型读 ANIMATION_GUIDE.md，再提需求，例如“做一支 15 秒 Clawd 追蝴蝶的视频”。模型会先出分镜，再逐镜头搭建、渲染联络表自查，最后写出 out/video.mp4。指南里的规则包括：手绘感、每场戏都有事发生、转场不断、画面是笔触 + 扁平 2D + 抖动线条的质感。

运行需要 Node.js、Google Chrome 和 ffmpeg。没有独显时，p5.brush 的水彩填充渲染会比较慢（按帧计，几秒一帧），集成显卡用户可以让模型避开水彩填充、换成别的填充方式。它最适合做：品牌吉祥物短片、卡通宣传片、带角色的解说动画。限制是：角色和画风比较固定，换主角、换情绪、换服装要自己给参考图、让模型再扩展。

项目地址：github.com/JohnHeibel/ClaudeAnimationBase

2. mg-styles-15 里的综艺花字提示词：竖屏起号最顺手

原帖第二条链接指向的不是整个仓库，而是 mg-styles-15 里的一支具体提示词：综艺花字 Variety Show Kinetic Captions（Hanazi）。原片是“喵呜日记 EP.07「今日份快乐」”，1080×1920 竖屏、30 fps、10 秒，AI 评审终评 7.64 / 10。

这个风格的精髓是“情绪化装饰字幕”：多层描边圆体字、高饱和撞色加白边和投影、弹性 pop 入场（0 → 1.15 → 1.0，约 8 帧）、逐字弹跳错帧、配合音效出现，还有爆炸框、汗滴、闪光这类手绘装饰符号。提示词里固定了输出规格（10.000 秒、H.264 MP4、立体声 AAC、响度 -14 LUFS），也固定了工作流：先定钩子、升级和高潮时刻，再做关键帧、看静帧、做动效、配音效、最后自查时长、分辨率、黑帧、字体缺字等问题。

用法：新建空文件夹，打开 Claude Code，把整段提示词发进去；想换成自己的内容，只改 Creative seed 里的故事、品牌名、文案和配色，或者改 Output 里的尺寸；不要删 Signature features，那是这个风格一眼能认出来的依据。成片后可以另开一个 AI，用仓库里的 rubric.md 评审、把意见贴回去再改一轮，原片就是这样改了两轮。

整个 mg-styles-15 仓库有 15 种 MG 动态设计风格，每种一支 10 秒成片，全部由 Claude Opus 5.5 写代码做出来，MIT 协议，核查时约 2,213 星。注意两点：字体文件不在仓库里（授权和体积原因），缺字体时浏览器会回退到系统字体，字形会和原片有出入；同一提示词每次跑出来的片子都不一样，单次运行通常达不到原片的完成度，要留出迭代轮次。

提示词地址：github.com/Vincentwei1021/mg-styles-15/blob/main/prompts/18-hanazi.md；仓库地址：github.com/Vincentwei1021/mg-styles-15

3. video-shotcraft：给产品拍“电影感”宣传片

这是三款里星数最高的，Apache-2.0 协议，核查时约 13,761 星、1,261 个 fork，面向 Claude Code 和 Codex。它的定位很明确：用 Remotion 做电影感产品视频，仓库在 2026 年 10 月刷新后是 124 张镜头配方卡、150 个镜头、分 10 类（开场与品牌、运镜、转场、字体、UI 入场、交互、数据、光影强调、节奏、结尾）。

工作流是：Agent 先抓你真实的产品页面，再从镜头库里挑镜头配方、出分镜、用 Remotion 做动画、按音乐节拍剪辑、加音效、逐帧质检，最后交给你一支 1920×1080、30 fps 的 MP4，以及整套 Remotion 源码。交付后还能在浏览器里打开 Motion Workbench（剪映风格编辑器）继续改文案、字号、配色、镜头时长，也可以导出为剪映（JianYing）草稿继续剪。

安装最省事的是直接把链接丢给 Agent：“Install this skill for me: https://github.com/Vincentwei1021/video-shotcraft”，或者用 npx skills add Vincentwei1021/video-shotcraft。运行需要 Node.js / npm、ffmpeg，BGM 节拍分析要用到 uv，页面抓取会按需装 puppeteer；Remotion 首次渲染会下载自己的 headless Chrome，在 macOS 上测试最顺，Linux 无头机要注意并发数和浏览器可执行文件的问题。

它最适合做：产品上线宣传片、功能演示片、官网首页视频。作者特别强调：它不是视频生成器，每一帧都是用你自己的截图和文案画出来的，所以成片清晰、符合品牌、而且完全可编辑。

项目地址：github.com/Vincentwei1021/video-shotcraft