让AI插画”活”过来：generative-illustration 把概念变成会动的画

你有没有想过——让 AI 画一张插画，然后直接让它动起来？

不是那种 AI 视频的”抽卡式”生成，而是概念驱动的、有意图的动效：一张精心绘制的插画，配合代码控制的运动节奏，甚至还能配上音乐。

这就是 generative-illustration 在做的事。

它是干什么的

简单说，这是一个“AI 插画 + 代码动效”二合一的 Skill。

传统流程里，你想做一张动态插画，得先在 Midjourney / Stable Diffusion 出图，再用 After Effects 手动加动画——来回折腾，风格还不一定统一。

这个 Skill 的思路完全不同：AI 生成孤立的高质量插画资产（向量 / 像素风均可），代码接管运动编排，两者分工明确，输出稳定可复现。

适用场景包括：
– 动态插画 / 动态海报：品牌视觉、社交媒体封面、音乐可视化
– motion poem（动态诗）：把文字概念转成有意的视觉运动
– 视觉隐喻动画：用动态影像讲概念的创意表达
– AI + 代码混合创作：不想被 AI 视频模型”随机发挥”束缚的设计师

技术栈拆解

渲染层完全跑本地，不需要 API key——Node + playwright-core（自动拉 Chromium）+ ffmpeg，全部免费。

AI 生成层需要一块 OpenRouter API Key，一个 key 搞定三个生成器：

渲染管线走 render-harness（Playwright 截图 + ffmpeg 合成），每一帧都经过”渲染→截图→检查”的验证循环——这是它区别于”跑出来就算完成”的关键。

成本也很友好：一张 Recraft SVG 约 $0.04，一段 Lyria 音乐几分钱，一支完整动态作品不到 $1。

怎么用

安装极简，一条命令：

npx skills add https://github.com/iart-ai/generative-illustration-skills --skill generative-illustration

装好后对 Claude Code / Codex 说：

“make an animated illustration about time passing / 做一个关于时间流逝的动态插画”

Agent 自动判断用哪个生成器、写提示词、调用 API、合成帧、导出成片。

适合谁

如果你在以下人群里，这个 Skill 值得试试：

• 动态/插画设计师：想用 AI 提效，但不想被 AI 视频的随机性绑架
• 创意工程师 / creative coder：想用代码精确控制 AI 生成内容的运动
• 品牌 / 营销视觉团队：批量出风格统一的动态海报

它不管数据图表（那是 chart-animation）、不管纯文字动画（那是 kinetic-typography）、不管 3D/GLSL（那是 webgl-animation）——专注于 AI 插画与代码动效的交汇点，这个 lane 其实很少有人做。

GitHub 开源地址：

github.com/iart-ai/generative-illustration-skills

附：这个 Skill 来自 iart-ai 团队，他们同时做了一个同名产品 app.iart.ai，可以直接 prompt 生成广播级 Motion Graphics，Skill 是他们的开源手艺，感兴趣可以先玩产品再研究代码。

GitHub: https://github.com/iart-ai/generative-illustration-skills