不收费就可以随便做做吗？一个图标 Skill 的七次精益求精

免费从来不是降低品质的理由。我的每一个作品，都值得被打磨到极致。

一、上一篇发完，我就没停下来过

上篇文章给大家展示了我的图标 Skill——一个汇集全球顶级开源图标库、让 AI 帮你搜、帮你改、帮你出成品的工具。文章发出后，不少朋友加了好友来体验，反馈很不错。

但坦白讲，当我把第一版交付给大家的时候，我心里是不满意的。

能搜图标、能导出、能改颜色——这个基础链路是跑通了。但我自己用过几轮之后就发现一个问题：它只能让你"选"图标，不能让你的图标"变好看"。

标准图标从库里拿出来长什么样就是什么样。颜色能换一个，但也就仅仅是换一个颜色。你想让线条更粗一点？做不到。你想要圆角端点？做不到。你想在某个白色按钮上用填充风格的图标？做不到。

只能选，不能改——这离我心目中的"图标制作平台"还差得远。

于是，从发完上篇文章到今天，我没有停过。一口气把 Skill 从 0.2.0 迭代到了 0.2.3。这篇文章，就是我拿出来给你们看的"工匠作业报告"。

二、不只是选图标，现在可以"调"图标了

这一次迭代的核心，是让你可以在搜索结果页上直接对图标做精细化调整。不是"告诉 AI 你要什么颜色然后等着"，而是实时拖拽、即时预览、所见即所得。

现在打开搜索结果页，顶部有一条紧凑的配置栏（默认折叠，不影响看图），点开之后你能控制这些参数：

第一行： 图标大小 / 线条粗细 / Weight / Grade / Optical Size第二行： 图标风格 / 端点类型 / 拐角类型第三行： 主色 / 副色 / 第三色 / 第四色

这里有两个参数你可能从来没听过——Weight 和 Grade。这是 Google Material Design 体系里的概念：Weight 控制整体线条的厚薄气质，Grade 做更细粒度的微调（比如给暗色背景上的图标减轻反光感），Optical Size 则在尺寸变化时自动补偿视觉。我把它们完整地搬了进来，但做了降级处理——对普通用户来说，只需要调"线条粗细"就足够；高级用户想微调的，这三个参数随时可用。

端点类型控制线条的末端是圆形还是方角，拐角类型控制转角是圆角还是尖锐拐点。这两个小参数调一调，同一个图标会呈现出完全不同的气质——圆润友好，还是利落硬朗，几秒钟就能感受到。

图标风格是我最满意的一个。支持五种模式：原始、线性、填充、双色、多色。一个图标切到填充风格，瞬间就有了完全不同的适用场景。

而这些调整，全部是实时的。你拖动任何一个滑块，页面上所有候选图标的预览都会同步变化。 不是调完参数再点"刷新"，是即时看到效果。

' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

三、超越处女座细节——和布局死磕了五轮

如果说上面的功能是"做加法"，那接下来这个过程就是典型的"做减法"。而且过程之长，我自己回头翻对话记录都觉得有点变态。

第一轮：参数区一整块大面板，把图标全挤下去了。 用户打开页面，第一屏看到的是密密麻麻的参数设置，要滚半屏才能看到图标。这不行，用户来是看图的，不是来研究参数说明的。

第二轮：改成默认折叠。 只留三个小按钮："显示配置""查看参数""复制参数"。点"显示配置"才展开参数面板。首屏终于能看见图标了。

第三轮："查看参数"和"复制参数"合并。 这两个按钮实际上是一个目的：让用户拿到调整后的参数。干嘛拆成两个？改成"参数说明"一个按钮，点击弹出模态面板，集中解释所有参数的含义、最佳实践，以及哪些参数在哪些风格下才生效（这个特别重要——很多人困惑为什么调了半天没反应，是因为那个参数在当前风格下本来就不生效）。

第四轮：参数面板里的说明文案太占地方。 把大段描述文字全砍掉，改成悬停提示。JSON 参数也不常驻显示了，点击才弹出来。整个面板高度缩到一半。

第五轮：推荐配色区太宽太高。 从卡片式排版改成紧凑的单行按钮条，颜色值不显示，悬停才看到说明。并且和参数面板共用同一个显示/隐藏开关，不给界面增加额外复杂度。

五轮下来，整个页面的核心交互变成了这样：打开页面 → 全部是图标 → 想调参数就点"显示配置" → 紧凑的工具条出现 → 调完收起来。 你以为这是自动就设计好的？没有，每一轮都是我和 AI 反复拉扯——"这里太大了，再收窄一点""那里被挡住了，改成弹层""这个说明用户不看，砍掉"。

这就是我的态度：一个免费的 Skill，我也要给它配上收费产品才会有的 UI 打磨。

四、从"手动拼参数"到"一键试色"——推荐配色的诞生

参数能调了，但带来了一个新问题：参数太多了。

一个普通用户打开页面，面对 11 个可调参数，第一反应是懵的。"线条粗细调多少合适？主色用什么好？副色要不要加？风格选哪个？"

我不能把选择权交给用户，然后告诉他"你自己看着办"。那不是真正的零门槛。

所以我又做了一件事：推荐配色。

搜索结果的顶部（点开配置后可见）现在有一排风格按钮：稳重企业风、科技蓝紫风、支付电商风、内容活力风、深色界面风、清爽冷静风、极简黑白风、暖色亲和风、清新青绿风、品牌强调风、高级深金风——一共 11 种预设。

点任何一个按钮，当前页面上所有候选图标会立刻应用这套配色和风格参数。不是改一两个颜色值，是整套「主色 + 副色 + 线条粗细 + 端点拐角 + 风格主题」一起生效。你只需要扫一眼，感觉哪个风格对味，点一下就行。不满意就点"重置"，回到默认。

而且这些推荐配色的排序不是固定的——你搜"后台管理"时，稳重企业风排第一个；你搜"支付钱包"时，支付电商风排第一个。 关键词决定排序，你不需要翻。

这个功能的诞生过程也很有意思。一开始只有 2~3 种推荐，后来我觉得页面空间足够，一口气扩到 11 种。从"只能给你几个选项"到"给你一排风格按钮自己点着玩"——多一种选择，就多一个让你觉得"对，就是这个"的瞬间。

' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)

五、点击卡片 → 一次复制 → 两条链路全通

这是最容易被忽略、但我觉得设计得最巧妙的一个细节。

老版本里，用户要分两步：先复制图标名，再复制参数 JSON，然后分别传给两个脚本。听起来就烦。而且很多人会漏一步——复制了图标名忘记传参数，导出的是默认样式；或者复制了参数忘记标图标名，AI 不知道你要的是哪个。

新版本把它简化成了一步：点击搜索结果里的任意一张图标卡片，会自动复制一份完整的 JSON。

这份 JSON 长这样：

{   "imageName": "iconpark:02102:Base:search",   "uniqueKey": "iconpark:02102:Base:search",   "theme": "outline",   "size": 64,   "color": "[#2563EB](javascript:;)",   "secondaryColor": "[#BFDBFE](javascript:;)",   "strokeWidth": 3.2,   "strokeLinecap": "round",   "strokeLinejoin": "round",   "weight": 450,   "grade": 25,   "opticalSize": 28,   "background": "transparent" }

图标名 + 所有样式参数，一次全拿到。 贴给 AI，AI 直接传给脚本——无论是取 SVG 还是导出 PNG/ICO，都能无缝衔接。

这个改动的细节也很讲究：点击的是整张卡片，不是只点"图片名称"那一小块文字。卡片选中会有高亮边框和阴影反馈，告诉你刚才点的是哪张。顶部还有 Toast 提示"完整参数 JSON 已复制"。这些交互细节，每一个都是从"能用"打磨到"顺手"的。

六、我不只是做功能，我是在不断"删"库

你可能觉得 Skill 做出来就完了，加功能就加功能。但这次我还做了一件事：主动删掉了两个图标库。

上篇文章里展示了 8 个库，当我把 Tabler Icons、Devicon、Fluent UI System Icons 这三个新库加进来之后，总量到了 11 个库、53000+ 图标。搜索性能开始受影响，而且有些库之间的风格高度重叠。

于是我狠下心做了一个精简：

操作	库名	原因
❌ 删除	Feather	287 个图标，和 Heroicons、Tabler Icons 高度重叠
❌ 删除	Mage Icons	1093 个，风格辨识度不如 Tabler，默认搜索没必要
⬇️ 降级	Material Design Icons	10610 个，大而全但和主力库重叠高，改为二轮扩展库
⬇️ 降级	Remix Icon	3200+，同样降为二轮扩展

最终保留了 9 个库，分为三层：

• **主力库（第一轮默认搜索）**：Tabler Icons、Heroicons、IconPark、Simple Icons、Devicon
• **场景库（用户明确需求时搜索）**：Fluent UI System Icons、Bootstrap Icons
• **扩展库（第一轮不满意时二轮搜索）**：Material Design Icons、Remix Icon

这还没完——我甚至把"自动选库"写进了脚本层。以前如果你不传 -Library 参数，脚本默认全库扫描。现在脚本会先判断你的关键词属于哪类意图：搜"Windows/Office"自动走 Fluent UI，搜"技术栈/框架"自动走 Devicon，搜"品牌/logo"自动走 Simple Icons，普通通用词默认走 Tabler Icons + Heroicons。

这一切，只是为了让搜索结果更快、更精准、更不费脑子。

七、专家角色的不可替代——没有我，AI 做不出这些东西

聊到这里，我想跳出来讲一个更大的感受。

很多人以为现在有了 AI，一个人就能搞定所有软件。他们说"让 AI 写代码就行了，不需要专家了。"

我这次的迭代经历就是最好的反证。

AI 能写代码，但 AI 不知道什么是"好的交互"。

我说"参数面板太大了"，AI 会改。我说"改成默认折叠"，AI 会改。我说"推荐配色太多风格按钮位置不够"，AI 会说"可以改成一排按钮条"。但 AI 永远不会主动说："这个参数面板不太对，用户第一眼应该看到图标而不是控件，我建议改一下。"

判断什么该做什么不该做、什么该显什么该藏、什么是"好"什么是"差不多就行"——这些决策，只有人能做。

AI 是工匠的工具，不是工匠。工具再好，没有工匠的手和审美，出来的东西就是"能用"和"好用"的区别。

从 VBA 到 Python 到 .NET 到多维表格到浏览器插件到图标——我做了一整套 Skill。每一个都是这样：基础版本跑通之后，我继续一轮一轮磨、一刀一刀削、一点一点调。免费的 Skill，收费的心。

这就是我一直坚持的态度：不因为免费而降低品质的要求。不管是给自己做的，还是给别人做的，作品就是作品，值得被认真对待。

八、下一个是配色 Skill——好的颜色让好图标再升一个维度

话说回来，有一件事在这次迭代中我已经开了个头，但还没做完。

我在图标 Skill 里加了一层"轻量配色指导"：AI 能根据你的使用场景（SaaS 后台、支付页面、社区产品……）给出颜色建议，甚至你给一张参考图，AI 能判断偏冷还是偏暖、活泼还是克制，然后推荐对应的图标配色。

但这只是轻量级的。我的终极愿景是做一个独立的配色 Skill（color-design）——不只是给图标配色，而是给网页、图表、品牌视觉做完整的配色体系。两个 Skill 之间用同一套 JSON 协议打通：配色 Skill 输出色板 → 图标 Skill 直接应用。

如果你对配色这件事感兴趣，评论区告诉我，我会加速推进。

九、免费，但请为工匠精神打赏

再说一次我的原则——高质量的东西不一定要收费。

从 VBA 到 Python 到 .NET 到多维表格到浏览器插件到图标，全部免费开放。不收割韭菜，不贩卖焦虑，永远提供真材实料。

这次的图标 Skill 迭代，从初版到现在的 0.2.3，我数了一下对话记录——整整翻了三轮大改、无数次小修。Token 没数过，时间花了整整两天。这就是我对一个免费产品的投入。

遇到我就是缘分。你觉得这些分享对你有帮助，随喜打赏——没有固定金额，不设付费墙。 打赏是一种认可，不是入场券。你觉得这些工匠精神值多少，就打赏多少。

也欢迎加我好友，进入免费社群。 在群里你可以亲手体验这个被打磨了七轮的图标 Skill：打开搜索页，点点风格按钮，调调线条粗细，复制一份 JSON 给 AI 导出成品——看看什么叫做"免费的工匠级产品"。

写在最后

这一次，我没有讲太多新功能列表。我讲的是一个过程。

一个基础版本跑通之后，怎么继续把它打磨到让你用起来"顺手"的过程。

这个过程很枯燥——反复改 UI、反复调布局、反复问自己"用户真的需要这个吗"。没有新功能的炫酷感，没有技术突破的兴奋感，就是一遍一遍地磨。

但正是这种枯燥的打磨，才让一个"能用"的东西变成"好用"的东西。

我愿意花这个时间，消耗这些 Token，做这些别人看不到的细节优化——因为我知道，真正让人记住一个产品的，不是它"有什么功能"，而是它"用起来有多舒服"。

好工具不需要让你感受到它的存在。需要图标的时候，你抛出意图，AI 处理一切，呈现在你面前的是候选、配色、自定义选项——你只需要动动审美，剩下的全自动。

这就是我对"工匠精神"的理解。不是做一款惊天动地的产品，而是把一件小事做到让你觉得"卧槽，这居然不用花钱"。

公众号：Excel催化剂 | 微信：190262897 | 承接数据咨询解决方案、软件功能定制、AI编程培训服务

想体验被磨了七轮的图标 Skill？欢迎加好友进入免费社群。想看一个免费产品能打磨到什么程度，来了就知道。

' fill='%23FFFFFF'%3E%3Crect x='249' y='126' width='1' height='1'%3E%3C/rect%3E%3C/g%3E%3C/g%3E%3C/svg%3E)