这是什么?适合谁?
归藏(op7418)出品的材质插画 Skill——一个专为 Claude Code / Codex / Cursor 等编程 Agent 环境设计的配图生成技能。让 AI Agent 帮你自动生成带文字解释的示意图、数据图表美化、参考辅助配图。697 Stars,中文 Agent Skill 生态中的爆款。
核心场景:技术文章需要插图但不会设计?告诉 Agent 你的主题,它用 36 种预设材质风格自动生成配图。
适合人群:技术博客作者、自媒体创作者、需要为文档/PPT 配图的开发者、中文内容创作者。
使用前提:已安装 Claude Code / Codex / Cursor 等 Agent 工具。
准备工作
- 安装 Agent 工具:Claude Code、Codex CLI、Cursor 任一
- 下载 SKILL.md:
git clone https://github.com/op7418/guizang-material-illustration.git - 复制到 skills 目录:
cp SKILL.md ~/.claude/skills/(或对应 Agent 的 skills 路径) - 价格:开源免费
- 时间预算:2 分钟安装,5 分钟出第一张图
3 步快速上手
第 1 步:安装 Skill
git clone https://github.com/op7418/guizang-material-illustration.git
cp guizang-material-illustration/SKILL.md ~/.claude/skills/
第 2 步:重启 Agent
重启 Claude Code / Codex,让 Agent 自动加载新 Skill。
第 3 步:生成配图
在 Agent 中输入提示:
- “用材质插画风格,生成一张解释 React Hooks 原理的示意图”
- “为我的 API 架构文章配一张数据流图,使用渐变玻璃材质风格”
- “用扁平插画风展示微服务架构的组件关系”
核心技巧:
- 36 种预设材质风格——在提示中指定风格名称效果最佳
- 中文提示词友好——不需要翻译成英文
- 可指定画面元素——“包含一个数据库图标、三个服务节点和箭头连接”
- 配合文章主题调整材质——技术类用玻璃/金属材质,生活类用手绘/纸质材质
常见踩坑
- Skill 未加载:复制 SKILL.md 后必须重启 Agent 才能生效。
- 风格名称不匹配:36 种材质风格名称需要准确拼写,建议先让 Agent 列出可用风格。
- 底层模型限制:图片生成质量取决于 Agent 底层调用的图像生成模型(DALL-E/Midjourney 等)。
- 复杂图表不适用:纯数据图表(柱状图/折线图)建议用专门的图表工具,此 Skill 擅长概念示意图。
- 中文术语渲染:部分技术术语在图片中可能被渲染成英文,可在提示中强调”所有文字用中文”。
常见问题 FAQ
Q1: 和 Midjourney 有什么区别?
A: Midjourney 需要手动写 prompt 并反复调整,Guizang 让 Agent 自动理解你的文章内容生成匹配的配图,更自动化。但底层仍依赖图像生成模型。
Q2: 必须用 Claude Code 吗?
A: 支持 Claude Code、Codex CLI、Cursor 等所有支持 SKILL.md 规范的 Agent 工具。
Q3: 生成的图可以商用吗?
A: Skill 本身 MIT 开源,但生成图片的版权取决于底层图像生成模型的条款。
Q4: 中文提示效果好还是英文好?
A: 这是中文生态 Skill,中文提示词效果优于英文,是国内 Agent Skill 生态的标杆。
Q5: 如何更换材质风格?
A: 在提示中指定风格名称,如”使用水彩手绘材质”、“使用磨砂玻璃材质”。共有 36 种可选。
参考链接
📊 评分与标签
评分说明
总分 8.0/10 · P_优选
📊 可观测社区指标(数据核验日期:2026-07-17)
- GitHub: op7418/guizang-material-illustration ★697, 🔱69
- 中文 Agent Skill 生态标杆
- License: MIT
⚙️ 功能完整度 2.0/2.5
- 证据1:36 种预设材质风格,覆盖扁平、水彩、玻璃、金属等多种风格
- 来源:GitHub
- 证据2:自动理解文章内容生成匹配配图,无需手动设计
- 来源:GitHub
- 证据3:支持多 Agent 平台(Claude Code/Codex/Cursor)
- 竞品对比 1(Midjourney):Midjourney 是通用图像生成工具,Guizang 专注技术配图场景
- 竞品对比 2(Canva Magic Studio):Canva 是设计平台,Guizang 是 Agent 内嵌 Skill
✨ 输出质量 2.0/2.5
- 证据1:中文提示词友好,专为中文内容创作者设计
- 来源:GitHub
- 证据2:36 种风格持续扩展中
- 来源:GitHub
- 竞品对比 1(Midjourney):Midjourney 图片质量更高但需手动反复调整
- 竞品对比 2(DALL-E via ChatGPT):DALL-E 通用性强但缺乏材质风格预设
🖐️ 易用性 1.4/1.5
- 证据1:下载 SKILL.md → 复制到 skills 目录 → 重启,三步完成
- 来源:GitHub
- 竞品对比 1(Midjourney):需要 Discord 操作,学习曲线更高
- 竞品对比 2(Canva):Canva 上手简单但需手动操作,无 Agent 集成
💰 性价比 1.3/1.5
- 证据1:MIT 开源完全免费
- 竞品对比 1(Midjourney):$10-60/月订阅
- 竞品对比 2(Canva Pro):$13/月
🔒 稳定性 0.7/1.0
- 证据1:697 Stars 社区验证,但项目较新
- 来源:GitHub
- 竞品对比 1(Midjourney):成熟产品,服务稳定
- 竞品对比 2(DALL-E):OpenAI 基础设施保障
🛡️ 隐私安全 0.6/1.0
- 证据1:MIT 开源,代码透明
- 证据2:本地 Skill,但图片生成需调用云端模型
- 来源:GitHub
- 竞品对比 1(Midjourney):云端处理,类似隐私模型
- 竞品对比 2(本地 Stable Diffusion):完全本地,隐私更优
🏷️ 标签说明
- Agent Skill: 可在 Claude Code/Codex 等 Agent 中使用的技能文件。来源:GitHub
- 插画生成: 专注材质插画风格的技术配图。来源:GitHub
- 中文生态: 中文提示词优化,国内 Agent Skill 生态标杆。来源:GitHub
- Claude Code: 主要面向 Claude Code 环境。来源:GitHub
- 材质设计: 36 种预设材质风格。来源:GitHub
📋 来源与核验记录
同分类推荐
AI设计 分类下的其他工具