Icon 设计技能测评报告

总览

本次测评的目标：为 9 个真实在研项目找到最佳的 Icon/Logo 设计工作流。我们测试了 20 个 Claude Code 技能，跨越 SVG 代码生成和 AI 图像生成两条路线，最终找到了最优组合。

初始候选技能

精选安装

实际可测

Prompt 生成技能

生图引擎

150+

总产出图片

9 个测试项目

编号	项目名	领域	品牌调性	色彩倾向
01	图智	CAD 图纸问答	工业级、精密、智能	蓝/深灰/工业绿
02	智投	标书生成器	商务、高效、可信赖	藏蓝/深金/白
03	鹰眼	桌面屏幕监控	安全、监控感、数据驱动	深蓝/科技绿/警示橙
04	学坊	公司内训系统	专业培训、知识管理	蓝/绿/橙
05	天巡	无人机灯巡检	科技巡检、空中视角	夜空蓝/光束白/警示黄
06	审易	合同审查	法律专业、严谨	藏蓝/金/白
07	政通	证件审批	政务、规范、高效	红/蓝/金
08	智绘政务	政务大模型生图	政务+AI、合规	红/深蓝/科技蓝
09	YOLO Studio	标注训练平台	AI 开发、视觉智能	科技紫/蓝/绿

第一轮：40 → 20 精选筛选

从 ClaudeHub / Skills.sh / GitHub 等渠道收集 40 个 Icon 相关技能，按功能分类后精选 20 个安装到本地。

Step 1

广撒网：收集 40 个候选技能

从多个技能市场搜索 icon、logo、svg、brand 关键词，收集了 40 个可能相关的技能。

Step 2

分类筛选：去重和功能判断

排除明显不相关的（纯 UI 组件库、纯 SVG 编辑器等），精选 20 个声称能做 Icon 设计的技能。

Step 3

安装部署

19 个成功安装到 01-技能/ 目录（1 个 GitHub 仓库 404 无法下载）。

20 个精选技能清单

#	技能名	类型	最终判定
1	AI-SVG-Icon-Generator	SVG 代码生成	SVG渣
2	apple-icon-composer-skill	Apple 平台 Icon	仅限Apple
3	brand-in-claude	品牌设计	SVG渣
4	brand-launchpad	品牌启动	SVG渣
5	brand-soul-kit	品牌工具包	SVG渣
6	elevate-ui	UI 提升	SVG渣
7	icogenie-mcp	Icon 生成 MCP	SVG渣
8	icon-composer-mcp	Icon 组合 MCP	有PNG但一般
9	icon-generator	Icon 生成	SVG渣
10	icon-generator-ai-mcp	AI Icon MCP	SVG渣
11	iconwall	Icon 墙预览	预览工具
12	logo-generator-skill	Logo 生成	SVG渣
13	logobook-ai-skill	Prompt 生成	可用
14	nano-banana-iconizer	Icon 生成	SVG渣
15	prompt-to-asset	Prompt→资源	有PNG但一般
16	SVG-Logo-Designer	SVG Logo	SVG渣
17	telegram-bot-icon-skill	Telegram Icon	SVG渣
18	text-to-icons-skill	文字→Icon	SVG渣
19	web-asset-generator	Web 资源	Favicon工具
20	visual-forge	视觉锻造	404未安装

第二轮：19 技能 SVG 产出实测

用 19 个 subagent 独立测试每个技能，以"智投"（标书生成器）为测试项目。结论：绝大多数技能产出的是 SVG 代码，质量远不及 AI 生图。

测试方法

独立 subagent 隔离测试

每个技能在独立的 subagent 中运行，避免上下文污染。统一使用"智投"项目的提示词。

核心发现

19 个技能中 12 个是 SVG 代码生成器

这些技能让 Claude 直接输出 SVG 代码，不调用任何 AI 生图引擎。SVG 的视觉质量粗糙，配色单调，细节不足，完全无法满足商业级 Icon 需求。

SVG vs AI 生图的本质区别

对比维度	SVG 代码生成（12 个技能）	AI 生图引擎（Seedream/Agnes）
生成方式	Claude 写 SVG XML 代码	扩散模型生成像素图像
视觉质量	几何图形拼接，像 PPT 素材	丰富纹理、光影、渐变
细节程度	有限（path/rect/circle）	几乎无限
配色	单调纯色填充	自然渐变、丰富色彩
商业可用性	仅适合简单场景	可直接用于品牌

SVG 产出示例（渣不渣？确实渣）

以下是从 skill-test 目录中保留的部分 PNG 截图 / 产出，展示了 SVG 代码生成类技能的真实水平：

iconwall - 羽毛笔

iconwall - 抽象文档

iconwall - 几何

iconwall - 复古徽章

icon-composer-mcp

prompt-to-asset

text-to-icons-skill

web-asset-generator

结论：SVG 代码生成类技能产出的 Icon 像"草稿"级别 -- 几何拼接、配色单调、缺乏质感。无法直接用于商业产品。

第三轮：发现 3 个 Prompt 生成技能

在 19 个技能中，只有 3 个真正能生成 AI 图像引擎可用的 prompt。它们不是直接画 Icon，而是写出高质量的文生图提示词。

3 个 Prompt 技能对比

技能	方法论	Prompt 风格	适用引擎
logobook-ai-skill	极简几何 Logo	DALL-E / MidJourney 格式，强调 negative space	通用
logo-design-guide	Flat Vector Logo	`flat vector logo of [subject], [style], [color], [background]`	通用
image-prompt-generator	自然语言隐喻	CONCEPT + STYLE + COMPOSITION + COLORS + TEXTURE + AVOID + FORMAT	通用

两种 Prompt 方法论的核心差异

Logo Design Guide -- Flat Vector

格式：flat vector app icon of [主体], [风格], [颜色], [边框], [细节], white background

特点：

严格约束：no photorealistic, no 3D, no gradient, no text
简洁、干净、适合 App Icon
输出一致性强
细节较少，偏平面化

示例 prompt：

"flat vector app icon of a shield with a digital eye at center and circuit board patterns, geometric faceted style, deep navy blue and cyan with white accents, rounded square frame, clean sharp lines, subtle glow effect, white background"

Image Prompt Generator -- 自然语言隐喻

格式：自然语言描述 + 结构化标签

特点：

隐喻优先：用比喻传达抽象概念
颜色用名称不用 hex
支持更丰富的细节和纹理
输出更多样化

示例 prompt：

"Create a minimalist app icon illustration of a magnifying glass hovering over an unfolded architectural blueprint. CONCEPT: A magnifying glass reveals glowing neural pathways embedded in the blueprint. STYLE: Flat vector with subtle depth. COLORS: Steel blue, slate gray, cyan glow..."

第四轮：V1 Logobook 测试

使用 logobook-ai-skill 生成的 prompt，在 Seedream 4.5 和 Agnes Flash 两个引擎上测试 9 个项目。

Logobook Prompt + 双引擎生成

为 9 个项目各生成 icon 和 logo 两个版本，分别用 Seedream 和 Agnes 生成。共产出 38 张图片（含 6 张早期概念测试）。

评估

效果一般，prompt 太泛

Logobook 的 prompt 偏极简几何风格，生成的 Icon 过于简单，缺乏行业特征和品牌个性。用户反馈"都不满意"。

V1 Logobook 产出示例（Seedream vs Agnes）

图智 icon (Seedream)

图智 icon (Agnes)

鹰眼 icon (Seedream)

鹰眼 icon (Agnes)

天巡 icon (Seedream)

天巡 icon (Agnes)

YOLO icon (Seedream)

YOLO icon (Agnes)

第五轮：V2 双 Prompt 技能 + 双引擎对比

使用 logo-design-guide (LDG) 和 image-prompt-generator (IPG) 两套方法论，分别在 Seedream 和 Agnes 上生成，共产出 72 张图片。

Prompt 方法论

项目全覆盖

风格 (icon+logo)

总产出图片

Logo Design Guide (LDG) -- Flat Vector 风格

简洁、干净的平面矢量风格。适合 App Icon，辨识度高但细节较少。

图智

智投

鹰眼

学坊

天巡

审易

政通

智绘政务

YOLO

Image Prompt Generator (IPG) -- 自然语言隐喻风格

丰富、有深度的隐喻表达。视觉更饱满，细节更丰富，但一致性稍低。

图智

智投

鹰眼

学坊

天巡

审易

政通

智绘政务

YOLO

Logo 版本对比 (LDG vs IPG)

图智 Logo (LDG)

图智 Logo (IPG)

鹰眼 Logo (LDG)

鹰眼 Logo (IPG)

天巡 Logo (LDG)

天巡 Logo (IPG)

引擎对比：Seedream 4.5 vs Agnes Flash

同一 prompt 在两个引擎上的表现差异。Seedream 是火山引擎的付费模型（豆包种子画师 4.5），Agnes 是新加坡免费 API。

引擎参数对比

参数	Seedream 4.5	Agnes Flash
提供商	火山引擎（字节跳动）	Agnes AI（新加坡）
模型	doubao-seedream-4-5-251128	agnes-image-2.1-flash
费用	付费（按量计费）	免费
输出尺寸	2K（2048x2048）	1024x1024
响应速度	~12 秒	~10 秒
质量	高	中等
稳定性	稳定	偶发 SSL 错误
内容审核	有（政务关键词可能被拒）	宽松

同 Prompt 引擎效果对比

图智 (IPG Prompt)

Agnes Flash

Seedream 4.5

鹰眼 (IPG Prompt)

Agnes Flash

Seedream 4.5

天巡 (IPG Prompt)

Agnes Flash

Seedream 4.5

YOLO Studio (IPG Prompt)

Agnes Flash

Seedream 4.5

政通 (LDG Prompt)

Agnes Flash

Seedream 4.5

结论与建议

最终推荐工作流

Prompt 技能：image-prompt-generator (IPG) -- 自然语言隐喻方法论，视觉最丰富
备选 Prompt：logo-design-guide (LDG) -- Flat Vector 方法论，适合需要简洁风格的场景
生图引擎：Seedream 4.5 (火山引擎) -- 质量最高，2K 分辨率，细节出色
免费替代：Agnes Flash -- 免费可用，质量中等，适合快速迭代验证

关键发现

#	发现	影响
1	20 个 Icon 技能中，只有 3 个能生成 AI 生图 prompt，其余都是 SVG 代码生成	技能筛选至关重要
2	SVG 代码生成的 Icon 质量远不及 AI 生图，像"PPT 素材"级别	SVG 路线不可用
3	同一 prompt 在 Seedream 上的输出明显优于 Agnes	付费引擎值得投入
4	IPG 的隐喻方法论比 LDG 的 flat vector 产出更丰富	方法论决定上限
5	Agnes 免费但偶发 SSL 错误，Seedream 稳定但有内容审核	需准备 fallback
6	Prompt 中避免"政务"等敏感词可提高 Seedream 通过率	Prompt 需要调优

产出文件总览

目录	内容	数量
`03-产出/skill-test/`	19 个技能独立测试产出（智投项目）	~128 PNG + 已删除 SVG
`03-产出/logobook-prompt-test/`	V1 Logobook prompt + 双引擎	38 PNG
`03-产出/v2-prompt-test/logo-design-guide/`	V2 LDG prompt + 双引擎	36 PNG
`03-产出/v2-prompt-test/image-prompt-generator/`	V2 IPG prompt + 双引擎	36 PNG
`03-产出/agnes-flash/`	早期 Agnes 测试	18 PNG
`03-产出/seedream-4.5/`	早期 Seedream 测试	18 PNG

下一步

从 IPG + Seedream 的 18 张 icon 中，为每个项目选出最佳方案
对选中的 icon 进行精修（调整颜色、构图等）
生成多尺寸平台适配资源（iOS/Android/Web/PWA）
建立品牌色板和 Icon 使用规范