一个命令生成所有平台图标!icon-forge 让设计师失业?
每次给项目找图标都头疼?Figma 里找半天,导出来不是尺寸不对就是格式缺失。这个痛点,icon-forge 帮你从源头解决。
icon-forge 是 Arkhe Claude Plugins 套件里的一个设计类 Skill,专注做一件事:从零生成一个品牌图标,然后自动吐出所有平台需要的所有格式。
怎么工作的?五步走
第一步:品牌发现 — 先问你几个关键问题:品牌叫什么、行业是什么、视觉风格偏好、配色方案。如果你在调用时直接给了品牌描述,Skill 还会自动提取信息,少问很多废话。
第二步:设计主 SVG — 生成 2–3 个概念变体供你选。支持 5 种风格预设:几何风(精准数学感)、有机风(流动曲线)、插画风(分层场景)、符号风(负空间、双关图形)、星座风(节点网络)。每个 SVG 都有严格的验收规则:viewBox 必须是 0 0 100 100、不写死宽高、颜色不超过 3 种、描边不低于 2 单位。达不到就重做。
第三步:深色模式 Favicon — 自动生成一个支持 prefers-color-scheme: dark 的 SVG 版本,保证深色模式下对比度 ≥4.5:1,细节不糊成一团。
第四步:平台资产生成 — 这是最爽的部分。跑一条命令,自动输出:ICO 文件、带深色模式的 SVG、Apple Touch Icon、PWA 清单图标、移动端 App 图标。如果项目是 Next.js App Router 框架,还会按 Next.js 规范输出对应路径。
第五步:集成 — 输出各框架的集成指南,告诉你图标文件该放哪个目录、在哪里引用。
三层精度设计
icon-forge 把一个图标分成三个精度级别设计:Glyph(16px,用于 favicon 和 UI 小图标)、Mark(192px,完整品牌标识)、Master(1024px,高清主文件)。这意味着你从一开始就有清晰的质量边界,不会出现「favicon 模糊了因为设计师当时只给了 PDF」这种尴尬。
谁用得上?
独立开发者给 Side Project 起名后直接跑一条命令搞定所有图标格式;设计团队想快速出概念稿给客户选;AI 工程师在智能体里自动化生成品牌素材。它是那种你搭好工作流之后就不用再管的存在。
GitHub: https://github.com/joaquimscosta/arkhe-claude-plugins
GitHub: https://github.com/joaquimscosta/arkhe-claude-plugins
评论区
登录后可评论。