如何快速上手anidoodle：5分钟安装AI艺术插件，画出第一张代码手绘插画

anidoodle 是一个把"手绘艺术写成代码"的开源项目：插画、绘画延时、短片和互动网页艺术全部由代码逐笔绘制，同一份源码在任何机器上都能画出完全一致的画。它以 AI 艺术插件（skill 插件）的形式安装到 Claude Code、Codex 等智能体中，5 分钟即可上手，画出你的第一张代码手绘插画。

为什么选 anidoodle：代码画画的三大优势

🎨32 种画风：从铅笔水彩、孔版印刷到像素画、水墨、玩具积木，每种风格都是完整的"画法配方"，而不只是换一套配色。

🔁确定性渲染：每一笔都是纯函数 + 带种子的随机数，同一份源码在任何机器、任何尺寸下都重绘出同一个像素结果——改完代码随时可以重来。

🎬一套源码，多种产出：一张静态插画、一个循环动图、一支带原创配乐的短片，都出自同一个程序。写一次，渲染一辈子，后续每次都是零成本。

5分钟安装步骤：按你的智能体选一条路

前提：需要Node 20 及以上；静态图只需一个浏览器，涉及动态内容还需要ffmpeg。

方式一：Claude Code 用户（最快）

在 Claude Code 中依次输入两条命令：

/plugin marketplace add alexgreensh/anidoodle /plugin install anidoodle@alexgreensh-anidoodle

方式二：Codex / Grok Build 用户

codex plugin marketplace add alexgreensh/anidoodle

然后进入 Codex TUI 输入/plugins安装 anidoodle 即可。Grok Build 用户类似：grok plugin install anidoodle --trust。

方式三：其他智能体，直接复制 skill 文件夹

anidoodle 本质上是一个标准的 skill 文件夹，入口是 skills/anidoodle/SKILL.md。你可以把整个仓库克隆下来：

git clone https://gitcode.com/gh_mirrors/an/anidoodle

然后把skills/anidoodle/目录复制到你所用智能体的 skills 目录里。插件目录 plugins/anidoodle/ 则对应 Claude Code / Codex 的插件打包形态。

画出第一张插画：只要 3 步

装好插件后，直接用大白话下指令就行，比如*"给我们的菜谱页面画一个铅笔加水彩风格的梨"*。想自己动手操作引擎，流程是这样的：

# 1. 生成一个项目骨架（still=静态图，film=动图） node <anidoodle>/engine/tools/scaffold.mjs ~/art --still hero --film intro # 2. 安装依赖并配置浏览器 cd ~/art && npm install && npx playwright-core install chromium # 3. 渲染出第一张插画 node tools/still.mjs hero --out out/hero.png --scale 2

第三步跑完后，anidoodle 会把同一帧画两遍并比对哈希，打印出reproducible——这是"同一份源码永远画出同一张图"的收据。核心渲染脚本见 skills/anidoodle/engine/tools/still.mjs。

从静态图到动图和短片：换个命令就行

• 循环动图 / 带配乐视频：node tools/render.mjs intro --out out/intro.gif，也支持输出.mp4（带配乐）、.webm（透明背景）。
• 离线单文件：node tools/emit.mjs intro --out out/intro.html会输出一个约 100 KB 的 HTML，双击即离线播放，声音都在里面。
• 质量门禁：node tools/gate.mjs hero一次性检查确定性、契约和"死空气"（画面是否每一秒都在动）。

各格式能输出什么、适合什么尺寸，详见 skills/anidoodle/references/formats.md。

32 种画风怎么选？

每种风格都是"一支不同的手"：水彩先打铅笔稿再晕染，木刻先印主版再套色，像素画先铺色块再上阴影。挑风格时可以这样问：

• 严肃的说明图 → 蓝晒蓝图、粉笔黑板、圆珠笔
• 品牌主页 → 孔版印刷、扁平矢量、复古剪贴簿
• 社交传播 → 像素画、马克笔漫画、玩具积木

完整清单和每种的画法说明在 skills/anidoodle/references/styles/INDEX.md，32 种风格的完整表格也收录在 README.md 的"32 styles"小节。

进阶玩法：互动网页、匹配画风、原创配乐

🕹会注意到你的网页：anidoodle 可以生成放进真实网站的互动插画——跟随光标的吉祥物、随页面滚动自行画出的主视觉、遇到密码栏就捂住眼睛的表单伙伴。只需要一个小型 ES 模块和一个<ani-doodle>元素，无需任何框架。

🖼匹配你喜欢的画风：给它一张你喜欢的画（比如梵高的《盛开的杏花》），它会研究笔触、边缘、配色和纸张，再用同样的"手"画新主题——借的是风格，不是原画。参考图就在 skills/anidoodle/engine/assets/refs/vangogh-almond-blossom.jpg，风格适配配方入口是 skills/anidoodle/engine/src/canvas-core/adaptAlmond.ts。

🎵代码原创配乐：没有采样和录音，音符写成数据、由代码合成。node tools/music.mjs check会在任何人试听前先审核调性、响度、声部平衡和新颖度。

📚学画画：问它"怎么画一只猫头鹰"，它会输出一组分步图和带字幕的延时教学，每一步都告诉你该观察什么、常见错误是什么。

关键文件路径速查

常见问题 FAQ

Q：必须用 AI 智能体吗？不必须。智能体安装是"最快路径"，但引擎本身是标准 Node 项目，scaffold.mjs建好骨架后所有命令都能手动跑。

Q：生成一张图要多少钱？渲染本身免费。按官方说法，那部 47 秒、1410 帧的示例短片折算下来第一遍约每帧 60 个 token 的代码量，之后每遍渲染都是零成本——这是它和"每帧都要烧 token 的图像模型"的核心区别。

Q：换台机器结果会变吗？不会。纯函数 + 带种子的随机数保证了字节级一致，gate.mjs可以验证这一点。

小结

anidoodle 把插画、动图和短片都变成了"可重跑的代码"：5 分钟装好 AI 艺术插件，用一句大白话描述需求，3 条命令就能得到第一张代码手绘插画。从一张图开始，慢慢升级到互动网页和带配乐的短片——每一张都出自同一双手。