AI 图标搜索与生成工作台
面向设计和产品团队的图标工具，把「找图标 → 改风格 → 出结果」整合到一个页面完成，覆盖 13,298 个图标资产。
一、解决什么问题
日常工作中，图标选型流程比较碎：
- 只知道中文场景描述，不知道英文图标名怎么搜
- 找到图标后，还要切到别的工具做风格变换
- 生成结果的抠图和下载分散在不同地方
这个项目把这些步骤合成一条连续流程，减少工具切换。
二、核心功能
- 双通道检索：关键词搜索即时返回结果，AI 语义搜索补充推荐，两列并行展示
- AI 图标生成：支持提示词生成 + 参考图模式，内置 14 种预设材质风格
- 一键抠图：生成结果可批量去背景，直接下载透明底素材
- 单图上传：支持上传自定义图片作为生成输入
三、两个亮点功能
1. 语义搜索图标
传统图标库只能用英文关键词搜索，而这个工具支持直接输入中文场景描述（比如「借钱提额」「到账提醒」「支付成功」），AI 会理解语义并推荐匹配的图标。
搜索结果分两列展示：左边是传统关键词匹配，右边是 AI 语义推荐，互不阻塞。
2. 图标 AI 3D 化
选中一个图标后，可以从 14 种内置材质风格 中选择一种（3D立体、玻璃质感、金属质感、霓虹发光、水彩画等），AI 会基于原始图标 + 材质参考图，生成对应质感的 3D 图标。
也支持上传自定义参考图作为风格输入，不局限于预设。
四、技术实现
- 前端：原生 JavaScript 单页应用，无框架依赖
- 后端：Python HTTP Server
- AI 搜索：GPT-4o 语义理解 + 关键词提取
- AI 生成：GPT-Image-1 图像生成
- 抠图：Python PIL 图像处理
- 性能优化：搜索索引 localStorage 缓存、图片懒加载、预设风格 IndexedDB 缓存
五、落地情况
项目已跑通完整链路，可运行、可演示、可接入业务。团队日常可以在一个工作台内完成图标选型和视觉探索，不用再在多个工具间来回切换。