用 AI 生成图标和文章配图
相关搜索
这篇用到的 skill(3)
主力。生成风格统一的 SVG 图标,可安装本地跑。
下载技能包 → https://github.com/anbeime/skill/tree/main/skills/icon-generator生成 3D 纸艺风插画,适合封面/卡片。
下载技能包 → https://github.com/anbeime/skill/tree/main/skills/pop-up-book-illustration/pop-up-book-illustration宝玉文章配图风格,适合博客/公众号配图。
npx skills add NousResearch/hermes-agent -g
配图的痛不是"画不出",是"风格不统一、放大就糊、改不了"。让 AI 生成 SVG / 矢量插画的核心是:先定风格与尺寸,要矢量不要位图,这样放大不糊、还能改源文件。
这篇适合谁 / 不适合谁
适合:
- 要一套统一风格的图标 / 插图
- 要矢量图(SVG)贴网页 / PPT,放大不糊
- 要可改源文件的产出
不适合:
- 要照片级写实图(那是图像模型,不是 SVG 插画)
- 要品牌级精修(AI 图是结构/风格优先)
- 只要一张一次性的图且不 care 统一
开始前准备什么
- 用途:图标集 / 文章配图 / 封面,决定比例与风格。
- 风格参考:给 2-3 个参考图或描述(扁平 / 线框 / 纸艺)。
- 尺寸:图标 24/48,插画 16:9 或 1:1。
操作步骤
1. 装 skill
icon-generator 是图标生成技能包(可本地跑),复制目录到客户端技能目录(与一般 Agent Skill 装法一致):
| 客户端 | 目录 |
|---|---|
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ |
| Cursor | ~/.cursor/skills/ |
| Trae | ~/.trae/skills/ |
| CodeBuddy | ~/.codebuddy/skills/ |
| 通义灵码 | ~/.lingma/skills/ |
2. 先定风格,再批量出
生成一套"数据分析"主题图标,12 个,统一风格:
线性、1.5px 描边、圆角、24x24 viewBox、单色 #2563eb。
每个图标只表达一个概念(趋势/漏斗/饼图/表格…)。
先给我风格样张 1 个确认,再批量出剩下的。3. 文章配图换风格
博客/公众号配图用 baoyu-article-illustrator,描述文章情绪与主体:
给一篇讲"远程办公效率"的文章配图:温暖、有人物剪影、扁平矢量,
主体是笔记本+植物,比例 16:9,SVG。4. 要封面用纸艺风
封面/卡片用 pop-up-book-illustration 出 3D 纸艺风插画,视觉更跳。
会踩的坑
| 坑 | 现象 | 怎么绕 |
|---|---|---|
| 风格不齐 | 一套图标像几个人画的 | 先确认 1 个样张再批量 |
| 位图糊 | 放大就糊 | 要 SVG 矢量,别存 PNG |
| 改不动 | 生成位图没法改 | 保留 SVG 源,改路径不重画 |
| 太花 | 信息被盖住 | 单色/双色,强调色只点一处 |
| 比例错 | 贴进去变形 | 出图前定死 viewBox 比例 |
FAQ
图标能统一风格吗?
能,先让 AI 出 1 个样张确认,再按同参数批量,最稳。
要放大不糊怎么办?
一定要 SVG 矢量;PNG 放大必糊。
文章配图用什么风格?
博客/公众号用 baoyu 风;要更跳的封面用纸艺风。
能改已生成的图吗?
保留 SVG 源文件,改路径/颜色比重画快。
没有设计稿能出吗?
能,给风格参考图或文字描述即可;参考图越具体越准。
相关指南
顺着这些场景接着看:
相关源码
- anbeime/skill · icon-generator 源码
- anbeime/skill · pop-up-book-illustration 源码
- NousResearch/hermes-agent · baoyu-article-illustrator 源码
- Agent Skill 开放格式规范
一句话结论
结论:配图要矢量不要位图——先定风格样张再批量,SVG 放大不糊还能改源文件。
参考来源
相关场景
用 AI 生成配图和营销图片
文生图最怕"提示词一句话、出来全靠运气"。让 AI 出图的核心是:先定风格参考 + 主体 + 构图 + 比例,用结构化提示词,再小步迭代,而不是扔一句"画个好看的图"指望一次到位。
用 AI 做播客脚本和语音合成
播客/口播的痛不是"没声音",是"脚本像念稿、声音像机器人、剪完没人听"。让 AI 做的核心是:脚本先写成"说人话"的口语稿,配音选自然的音色,再决定要不要配画面——别一上来就堆特效。
用 AI 做头脑风暴和思维导图
头脑风暴最怕"发散完就完了"。让 AI 帮忙的核心是:先逼出足量候选(量比质先),再用"可行性 / 影响"两轴收敛到能动手的 3 个,而不是停在"想法很多"。
用 AI 把脑子里的架构画成图
画图的痛点不是"不会画",是改起来累:改一个框要重排整张图。用 AI 生成描述式、可重新排版的图,核心是把"画"变成"描述结构",改文字比改图快十倍。