描述产品要解决的问题,而非具体的画面。
安装开放格式的 IconFlow Skill。当你需要应用图标、favicon、品牌标识或系统托盘图标时,兼容的智能体即可自动发现该工作流。
- 01一次性安装 Skill
- 02向智能体提供产品上下文
- 03查验方案比选与 Review Lab
Getting started · 源码安装
IconFlow 将产品意图转化为可编辑的 SVG,并在交付任何资产前,确保设计能够经受住原生像素、平台裁切以及绑定源文件的审查。
帮助人们对比研究内容且不迷失脉络。
运作模式
智能体深入研究产品、探索各具特色的概念方案,并编写语义化 SVG。IconFlow 则提供设计指南、确定性渲染器、质量关卡、目标格式转换以及学习闭环。它不是一个“提示词生图”生成器。
选择你的路径
当你需要在产品构思与 SVG 工艺上获得协助时,使用智能体路径;当你已经完全掌握设计决策时,使用 CLI 路径。两条路径最终都落实于相同的审查契约。
安装开放格式的 IconFlow Skill。当你需要应用图标、favicon、品牌标识或系统托盘图标时,兼容的智能体即可自动发现该工作流。
阅读设计指南,编写 SVG 决选方案,并运行与智能体相同的命令。CLI 背后没有任何隐藏服务。
iconflow.toml正在使用其他 AI 智能体? 任何能够读取仓库指令并运行 Shell 命令的智能体,都可以通过 AGENTS.md 配合 CLI 来使用 IconFlow。Skill 的自动发现功能取决于客户端支持情况。
5 分钟引擎校样
这会将 IconFlow 仓库中已签入且通过审查的图标家族构建到临时工作目录中。它验证的是你的运行环境——而非证明可以在 5 分钟内设计出一套独具特色的全新标识。
Windows · PowerShell
git clone https://github.com/snowyukitty/ai-iconflow.git
cd ai-iconflow
python -m venv .venv
powershell -NoProfile -ExecutionPolicy Bypass -File .\scripts\setup.ps1
.\.venv\Scripts\python.exe -m iconflow doctor
.\.venv\Scripts\python.exe -m iconflow ship `
--config brand\iconflow.toml `
--review brand\master-review.json `
--out work\quick-start\icon-out
macOS / Linux · shell
git clone https://github.com/snowyukitty/ai-iconflow.git
cd ai-iconflow
python3 -m venv .venv
sh ./scripts/setup.sh
./.venv/bin/python -m iconflow doctor
./.venv/bin/python -m iconflow ship \
--config brand/iconflow.toml \
--review brand/master-review.json \
--out work/quick-start/icon-out
doctor报告渲染器已就绪。ship 验证已签入的源文件与审查契约,重新执行 QA,并在 work/quick-start/icon-out/ 目录下写入 Web、PWA、Tauri 桌面端、Electron 以及系统托盘资产。
从意图出发
仅有名词的提示词只能产生装饰图案。请明确产品职责、目标受众、个性特质、配色方案、需避免的陈词滥调,以及确切的输出版面。
智能体提示词
Use the IconFlow skill to design, review, and ship a distinctive icon family for this project.
Product intent: [what the product enables]
User job: [the progress a person wants]
Essence: [one word]
Personality: [two or three traits]
Existing palette: [tokens or colors]
Clichés to avoid: [obvious symbols]
Targets: [web, pwa, tauri, electron, tray]
Keep the editable SVG and iconflow.toml in this project. Show me the concept bake-off and native-size review before shipping. Do not stop before recording the case.
通用兜底方案
即使客户端不支持 Agent Skills,只要智能体能够读取文件并执行本地 Python CLI,该方案同样适用。
Read [ICONFLOW_REPO]/AGENTS.md completely.
Use [ICONFLOW_REPO]/.venv/.../python -m iconflow ...
Keep your shell in this consuming project.
Follow concept → compare → check → review → ship → case.
完整闭环
请在接入项目的根目录下运行这些命令。通过绝对路径调用 IconFlow 虚拟环境中的 Python,确保配置与最终源文件始终保存在其所属的产品仓库中。
在动笔绘制前记录意图。配置文件还会固定目标平台、色彩、路径以及系统托盘行为。
python -m iconflow init --out iconflow.toml \
--name "My App" --essence proof \
--targets web,tauri,electron,tray
从不同视角至少构思 4 个概念方案。技法预设只是辅助搭建的脚手架,绝不是成型的最终标识。
python -m iconflow styles
python -m iconflow new flat-geometric \
--out work/my-app/a.svg
将 2 到 3 个决选方案拼版比对。在 128px、16px 以及剪影状态下查验图版。
python -m iconflow compare \
work/my-app/a.svg work/my-app/b.svg \
work/my-app/c.svg --out work/my-app/bake.png
修复所有警告。随后检查原生像素、Alpha 通道、自适应裁切、桌面端圆角以及系统托盘呈现效果。
python -m iconflow check master.svg
python -m iconflow review --config iconflow.toml \
--out work/my-app/review.png \
--html work/my-app/review.html
仅在每个评分轴均达到 4/5 时才导出 Review Lab 的 receipt。源文件或目标平台的任何变动都会使该 receipt 作废。
python -m iconflow ship \
--config iconflow.toml \
--review master-review.json
记录最初失败的原因、所做的修改以及一条可复用的规则。未经记录沉淀的图标无法带来任何经验。
python -m iconflow case new ...
python -m iconflow case lint
python -m iconflow case stats
精准的输出图标家族
目标平台必须明确指定。IconFlow 不会宣称支持“所有平台”,完整的应用图标也不会凭空变成好用的菜单栏剪影。
Favicon SVG 与 ICO、Apple touch icon、192px 和 512px 的 PWA 资产,以及可遮罩图标(maskable icon)与 manifest 代码片段。
--targets web,pwa多种尺寸的 PNG、ICO、ICNS,以及适用于 Tauri v2 桌面应用的常规 src-tauri/icons 目录结构。
--targets tauri适用于 Electron 与 electron-builder 打包工作流的跨平台 PNG、ICO 及 ICNS 资产。
--targets electron彩色托盘 PNG、macOS 模板资产及 TypeScript 辅助代码。强烈建议提供专门的纯标识 tray.svg。
--targets tray构建示例
项目旁可编辑的 master.svg 始终是唯一的事实来源。所有生成的文件均可随时重新构建。
icon-out/
├── favicon.svg
├── favicon.ico
├── icon-192.png
├── icon-512.png
├── icon-512-maskable.png
├── icons/
│ ├── icon.ico
│ └── icon.icns
├── build/
│ ├── icon.png
│ ├── icon.ico
│ └── icon.icns
└── tray/
├── tray.png
├── trayTemplate.png
└── trayIcon.ts
已知边界
pip install ai-iconflow。就绪接入你的项目
运行一次引擎校样。随后打开你的产品代码仓库,向智能体提供一份详实的简报,并将每项设计决策留存在未来维护者随时可查验的地方。