小马的 AI 工具集 给 Agent 学习

图标制作

macOS 应用,用 OpenAI 图像 API 按描述生成并导出标准 .icns 应用图标

图标制作
类型 桌面应用 697 星标 更新 2026-06-04 许可 — 原仓库

一个简单的桌面应用,可使用 AI 生成 macOS 应用图标*.icns 格式)。你只需描述想要的图标,可选择附加参考图片,从多个变体中挑选,优化选中的设计,然后保存为规范的 *.icns 包以及包含所有标准尺寸的 *.iconset 文件夹。

本应用使用 OpenAI API 进行图片生成。

以下是一段展示应用运行效果的短视频:

https://github.com/user-attachments/assets/1c87f99d-993f-408b-bd32-a1eb6552eada

功能

  • 基于提示词生成。 你的文字会被嵌入固定的系统约束中,从而保证输出结果符合 macOS 风格的图标(居中的主体、无文字、适配圆角方形的构图等)。
  • 每次生成三个变体。 每次生成返回三张图片,方便快速对比。
  • 可选的参考图片。 可以附加一张 PNG 图片来引导模型(例如草图、标志或之前渲染的图标)。
  • 优化流程。 选定一个变体后,你可以继续生成更多代,将该图标作为参考,直到满意为止。
  • 预览。 UI 会以圆角方形遮罩显示图标,呈现真实预览效果。
  • 导出与保存。 保存的 .icns 使用全出血(full-bleed)图片,macOS 可以自行应用遮罩(避免预先切角导致的灰色底板和缩小的图标)。

如果退出时未保存图标,会触发确认对话框。

系统要求

  • macOS 14(Apple Silicon)或更高版本。
  • Node.js 24.14.1 (LTS) 或更高版本。
  • MōBrowser 2.7.1 或更高版本。

安装

npm install

运行

以开发模式运行应用:

npm run dev

在不调用 API 的情况下进行本地 UI 开发:

npm run dev:mock

构建

构建生产版本的应用:

npm run build

如何使用应用

  1. 在提示词输入框中 描述图标(简短词组效果很好,例如:“蓝色回形针文件夹,一角折叠”)。
  2. 可选: 附加一张 参考图片 以影响布局或风格。
  3. 按下 生成(或 回车键)。等待 三个 预览图出现。
  4. 选择一个变体 进入优化模式,或者重新从头生成。
  5. 优化 模式下,调整提示词并再次生成;已确认的图标会被用作下一批生成的参考。
  6. 满意后,点击 保存。选择一个 .icns 路径;应用会在此文件夹中写入 YourName.icnsYourName.iconset(仅在你确认后才会替换现有文件)。
  7. 从成功界面上使用 在 Finder 中显示 来打开保存位置。

项目结构

  • src/main/ — 窗口、IPC、提示词构建、provider 选择、icns 组装。
  • src/renderer/ — React UI、圆角方形预览、生成流水线状态。

下载

你可以从 releases 页面 下载本应用。所有版本均已签名并经过公证。

在 GitHub 查看完整项目