让AI画SVG不再翻车！Render-Verified-Fix工作流让矢量图产出质量直接起飞

让 AI 画 SVG 不再翻车！这个 Skill 让矢量图产出质量直接起飞

你有没有遇到过这种情况：让 AI 生成一张 SVG 图，它给你整出来的东西要么颜色死板、要么比例失调、要么阴影糊成一团？反正我之前是被坑麻了。

直到我发现了这个 Skill——SVG Creator Skill。

简单说，这是一个专门教 AI “怎么画 SVG”的技能包。它不是那种”一句话生成一张图”的玩具，而是有一套完整的 Render-Verify-Fix 循环工作流：AI 先写 SVG → 渲染成 PNG → 肉眼检查哪里不对 → 修问题 → 再渲染 → 再检查……重复 2-8 轮，直到交付达标。

核心亮点真的很实在：

1. 专业级 SVG 技巧内置
– 多节点渐变（4-8 个色阶切换，不是那种两色渐变）
– 五区光照系统（高光→亮面→半调→形体阴影→反射光）
– 彩色阴影（用深蓝/紫/青色，不是死黑）
– 噪点纹理叠加，打破数字感

2. 角色构建有章法
画人物/动物/卡通角色？技能包里内置了成熟方法论：
– 圆角线条构建四肢
– 关节覆盖层保证连接干净
– 8 头身比例系统（写实）或大头比例（卡通）
– 从躯干→腿→手臂→头部→细节的渐进式构建

3. 动画也不在话下
支持 CSS 动画和 SMIL 动画，包括：
– 呼吸动画（3-4 秒周期）
– 行走动画（1-1.2 秒周期）
– 弹性动画（0.5-0.8 秒周期）
– 还带 reduced motion 无障碍支持

4. 迭代次数看图类型
– 图标/Logo/图案：1-2 轮
– 图表/信息图：2-3 轮
– 场景/风景：3-5 轮
– 角色：4-8 轮

实话说，这个工作流让我想到人类插画师的创作过程——画一笔，看一眼，不满意就改。AI 也在”看”，只是它看的是渲染出来的 PNG 结果，然后老老实实修正。

适合谁用？设计师想快速出矢量概念、开发者要做 SVG 素材、产品经理想画流程图……只要你需要高质量 SVG，这个 Skill 都能给你加成。

GitHub 链接戳👇
https://github.com/upbrew-tech/svg-creator-skill

GitHub: https://github.com/upbrew-tech/svg-creator-skill