小马的 AI 工具集

图标制作

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

图标制作
类型 桌面应用 718 星标 更新 2026-07-23 许可 MIT 原仓库

一个简单的桌面应用,用于通过 AI 生成 macOS 应用图标*.icns 格式)。你描述想要的图标,可选附加参考图片,从多个变体中选择,完善选中的设计,然后保存为完整的 *.icns 包和包含所有标准尺寸的 *.iconset 文件夹。

此应用使用 OpenAI API 进行图像生成。

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

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

功能

  • 基于提示词生成。 你的文本被包裹在固定的系统约束中,因此输出结果始终符合 macOS 风格图标的要求(居中主体、无文字、适配圆角矩形构图等)。
  • 每次生成三个变体。 每次生成返回三张图片,方便快速比较。
  • 可选参考图片。 附加一张 PNG 图片来引导模型(例如草图、Logo 或之前的渲染图)。
  • 优化工作流。 在确认一个变体后,你可以继续生成更多方案,将所选图标作为参考,直到对结果满意为止。
  • 预览。 界面使用圆角矩形遮罩显示图标,提供真实预览效果。
  • 导出与保存。 保存的 .icns 使用全出血图稿,这样 macOS 可以自行应用遮罩(避免因预剪裁圆角而导致的灰色边框和图标缩小问题)。

当未保存图标时退出应用,会触发确认对话框。

系统要求

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

安装

npm install

运行

以开发模式运行应用:

npm run dev

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

npm run dev:mock

构建

构建生产版本的应用:

npm run build

生产环境下的 Sentry 遥测功能仅在构建时设置了 SENTRY_DSN 才会包含。发布版本会从 GitHub Actions 的 SENTRY_DSN 密钥中读取该值。

如何使用应用

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

项目结构

  • src/main/ — 窗口、IPC、提示词构建、提供者选择、icns 打包。
  • src/renderer/ — React UI、圆角矩形预览、生成流程状态管理。

下载

你可以从 发布页面 下载应用。所有发布版本均经过 Apple 签名和公证。

在 GitHub 查看完整项目