mo-browser-apps/icons

Generate macOS app icons using AI.

MōIcons – AI を活用した macOS アプリアイコンジェネレーター

概要 – OpenAI の画像生成 API を使用して .icns アプリアイコンバンドルを作成できるネイティブ macOS デスクトップアプリです。短い説明を入力し(必要に応じて参照画像を提供)、AI が生成した 3 つのバリエーションを取得し、気に入ったものを調整して、すぐに使えるアイコンセットをエクスポートします。

主な機能

  • プロンプト駆動生成 – テキストプロンプトは、macOS スタイルの制約(中央配置の被写体、テキストなし、スクイークル対応レイアウト)を強制する固定システムプロンプトにラップされます。
  • リクエストごとに 3 つのバリエーション – AI が生成した 3 つの画像をすばやく比較できます。
  • 参照画像サポート – PNG(スケッチ、ロゴなど)を添付してモデルを導きます。
  • 調整ワークフロー – バリエーションを選択した後、後続の生成ではその元のアートワークを参照として使用し、マスク、余白、影を保持します。
  • 正確なプレビュー – macOS 15 の輪郭、透明な余白、柔らかい外側の影を持つ 1024 × 1024 PNG を生成します。UI はこの最終 PNG を直接表示します。
  • ワンクリックエクスポート – プレビュー PNG はすべての標準 .iconset サイズにリサイズされ、適切な .icns バンドルにパッケージ化され、透明度と影が保持されます。
  • 安全策 – 未保存の作業がある場合は確認ダイアログが表示されます。本番ビルドにはオプションの Sentry テレメトリが含まれます。

仕組み

  1. 短い説明を書きます(例:「角が折れた青いクリップボード」)。
  2. (オプション)参照 PNG を添付します。
  3. 生成 を押すと、アプリが OpenAI API を呼び出し、3 つの 1024 × 1024 PNG を返します。
  4. バリエーションを選択すると、アプリは 調整 モードに入り、選択した画像の元のアートワークを次のプロンプトの参照として使用します。
  5. 満足するまで繰り返し、保存 をクリックして YourName.icns と YourName.iconset をディスクに書き込みます。

技術スタック

  • プラットフォーム: macOS 14+(Apple Silicon)
  • ランタイム: Node.js 24 LTS
  • フレームワーク: MōBrowser(Electron 類似)2.13+
  • UI: React(レンダラープロセス)
  • AI バックエンド: OpenAI 画像生成 API
  • ビルド: npm スクリプト(dev、dev:mock、build)
  • テレメトリ: オプションの Sentry(SENTRY_DSN で有効化)。

プロジェクト構成

  • src/main/ – メインプロセス:ウィンドウ処理、IPC、プロンプト構築、アイコンセットの組み立て。
  • src/renderer/ – React UI、画像準備、生成/調整の状態マシン。

インストールと使用方法

# リポジトリをクローンしてから:
npm install          # 依存関係をインストール
npm run dev           # 開発モードで起動(実際の OpenAI 呼び出し)
npm run dev:mock     # UI 作業用にモックプロバイダーで起動
npm run build         # 本番バンドルを生成

ビルドされたアプリは署名され、公証されています。プリビルドバイナリは GitHub リリースページで入手できます。

重要性 デザイナーや開発者は、カスタム macOS アイコンを必要とすることがよくありますが、必要なすべてのサイズで描画する時間やスキルが不足しています。MōIcons は、大規模言語モデルをバックエンドにした画像ジェネレーターでクリエイティブなステップを自動化し、面倒なリサイズと標準準拠の .icns バンドルへのパッケージ化を処理し、すべてネイティブな macOS エクスペリエンス内で行います。


上記のすべての情報は、リポジトリの README から直接取得されています。

関連

  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト
  • プロジェクト