skills.guanliai
场景做法全部 skill组合
中EN
场景做法全部 skill组合

skills.guanliai.com

按场景组织的 AI 做法库:用哪些 skill、怎么装、怎么提示、会踩什么坑。

场景做法全部 skill组合

国内平台

  • CodeBuddy
  • Trae
  • 通义灵码
  • Qoder
  • 文心快码
  • CodeGeeX
  • MarsCode
  • 腾讯云 AI 助手
  • Fitten Code

国外平台

  • Claude Code
  • OpenAI Codex
  • Cursor
  • Windsurf
  • Gemini CLI
  • Cline / Roo Code
  • OpenCode
  • GitHub Copilot
  • Kiro
  • OpenClaw
  • VS Code
skills.guanliai.com · Agent Skill Directory数据来自 GitHub · Next.js + MySQL
首页场景指南设计与视觉用 AI 生成图标和文章配图

用 AI 生成图标和文章配图

更新 2026-10-11 15 分钟(含改稿) 难度 ★★☆☆☆作者 Skills 编辑部

相关搜索

AI 生成插画AI 生成图标AI 文章配图SVG 插画icon-generator

这篇用到的 skill(3)

  • Icon Generator Skillicon-generator主力 可直接安装

    主力。生成风格统一的 SVG 图标,可安装本地跑。

    下载技能包 → https://github.com/anbeime/skill/tree/main/skills/icon-generator
  • 3D纸艺弹出书插画生成pop-up-book-illustration辅助 可直接安装

    生成 3D 纸艺风插画,适合封面/卡片。

    下载技能包 → https://github.com/anbeime/skill/tree/main/skills/pop-up-book-illustration/pop-up-book-illustration
  • 宝玉文章配图baoyu-article-illustrator辅助

    宝玉文章配图风格,适合博客/公众号配图。

    npx skills add NousResearch/hermes-agent -g

配图的痛不是"画不出",是"风格不统一、放大就糊、改不了"。让 AI 生成 SVG / 矢量插画的核心是:先定风格与尺寸,要矢量不要位图,这样放大不糊、还能改源文件。

这篇适合谁 / 不适合谁

适合:

  • 要一套统一风格的图标 / 插图
  • 要矢量图(SVG)贴网页 / PPT,放大不糊
  • 要可改源文件的产出

不适合:

  • 要照片级写实图(那是图像模型,不是 SVG 插画)
  • 要品牌级精修(AI 图是结构/风格优先)
  • 只要一张一次性的图且不 care 统一

开始前准备什么

  1. 用途:图标集 / 文章配图 / 封面,决定比例与风格。
  2. 风格参考:给 2-3 个参考图或描述(扁平 / 线框 / 纸艺)。
  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. 先定风格,再批量出

text
生成一套"数据分析"主题图标,12 个,统一风格:
线性、1.5px 描边、圆角、24x24 viewBox、单色 #2563eb。
每个图标只表达一个概念(趋势/漏斗/饼图/表格…)。
先给我风格样张 1 个确认,再批量出剩下的。

3. 文章配图换风格

博客/公众号配图用 baoyu-article-illustrator,描述文章情绪与主体:

text
给一篇讲"远程办公效率"的文章配图:温暖、有人物剪影、扁平矢量,
主体是笔记本+植物,比例 16:9,SVG。

4. 要封面用纸艺风

封面/卡片用 pop-up-book-illustration 出 3D 纸艺风插画,视觉更跳。

会踩的坑

坑现象怎么绕
风格不齐一套图标像几个人画的先确认 1 个样张再批量
位图糊放大就糊要 SVG 矢量,别存 PNG
改不动生成位图没法改保留 SVG 源,改路径不重画
太花信息被盖住单色/双色,强调色只点一处
比例错贴进去变形出图前定死 viewBox 比例

FAQ

图标能统一风格吗?

能,先让 AI 出 1 个样张确认,再按同参数批量,最稳。

要放大不糊怎么办?

一定要 SVG 矢量;PNG 放大必糊。

文章配图用什么风格?

博客/公众号用 baoyu 风;要更跳的封面用纸艺风。

能改已生成的图吗?

保留 SVG 源文件,改路径/颜色比重画快。

没有设计稿能出吗?

能,给风格参考图或文字描述即可;参考图越具体越准。

相关指南

顺着这些场景接着看:

  • 用 AI 把脑子里的架构画成图
  • 用 AI 生成配图和营销图片

相关源码

  • anbeime/skill · icon-generator 源码
  • anbeime/skill · pop-up-book-illustration 源码
  • NousResearch/hermes-agent · baoyu-article-illustrator 源码
  • Agent Skill 开放格式规范

一句话结论

结论:配图要矢量不要位图——先定风格样张再批量,SVG 放大不糊还能改源文件。

参考来源

  • anbeime/skill · icon-generator 源码
  • anbeime/skill · pop-up-book-illustration 源码
  • NousResearch/hermes-agent · baoyu-article-illustrator 源码
  • Agent Skill 开放格式规范

相关场景

设计与视觉

用 AI 生成配图和营销图片

文生图最怕"提示词一句话、出来全靠运气"。让 AI 出图的核心是:先定风格参考 + 主体 + 构图 + 比例,用结构化提示词,再小步迭代,而不是扔一句"画个好看的图"指望一次到位。

★☆☆☆☆ 15 分钟(含改提示词)3 个 skill
设计与视觉

用 AI 做播客脚本和语音合成

播客/口播的痛不是"没声音",是"脚本像念稿、声音像机器人、剪完没人听"。让 AI 做的核心是:脚本先写成"说人话"的口语稿,配音选自然的音色,再决定要不要配画面——别一上来就堆特效。

★★☆☆☆ 20 分钟(含配音)3 个 skill
设计与视觉

用 AI 做头脑风暴和思维导图

头脑风暴最怕"发散完就完了"。让 AI 帮忙的核心是:先逼出足量候选(量比质先),再用"可行性 / 影响"两轴收敛到能动手的 3 个,而不是停在"想法很多"。

★☆☆☆☆ 12 分钟3 个 skill
设计与视觉

用 AI 把脑子里的架构画成图

画图的痛点不是"不会画",是改起来累:改一个框要重排整张图。用 AI 生成描述式、可重新排版的图,核心是把"画"变成"描述结构",改文字比改图快十倍。

★☆☆☆☆ 10 分钟4 个 skill

目录

  • 这篇适合谁 / 不适合谁
  • 开始前准备什么
  • 操作步骤
  • 1. 装 skill
  • 2. 先定风格,再批量出
  • 3. 文章配图换风格
  • 4. 要封面用纸艺风
  • 会踩的坑
  • FAQ
  • 图标能统一风格吗?
  • 要放大不糊怎么办?
  • 文章配图用什么风格?
  • 能改已生成的图吗?
  • 没有设计稿能出吗?
  • 相关指南
  • 相关源码
  • 一句话结论