SVG 分层绘制

展示一张图被画出来的过程：构图线、轮廓、大色块和逐步细化的小色块，输出分层 SVG 和短片。

把一张图分十批画成分层 SVG，并生成绘制过程的无声影片：先构图线和轮廓，再铺大色块，最后逐步细化。

使用方法

画出构图线和轮廓
先铺大色块，再逐块细化
渲染影片并检查 SVG

常见问题

能一键完成吗？

create 和 render 可以无人值守运行。好的构图线需要由 Agent 或你自己写 guides.json；不写时构图线是通用的（外框、中线、体块椭圆）。

需要什么环境？

需要 Node.js 22+、Chrome 和 FFmpeg，HyperFrames 0.8.30 通过 npx 运行。在 Skill 目录里运行 npm ci 安装 pngjs 和 resvg。不需要 API Key，也不调用模型。

声音和验证范围？

参数化渲染器，附一个可选的 Agent 步骤（guides.json）。两条样片均由下载包全新渲染；输入图是为本 Skill 绘制的插画；不调用模型；按设计无声。