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 テレメトリが含まれます。
仕組み
- 短い説明を書きます(例:「角が折れた青いクリップボード」)。
- (オプション)参照 PNG を添付します。
- 生成 を押すと、アプリが OpenAI API を呼び出し、3 つの 1024 × 1024 PNG を返します。
- バリエーションを選択すると、アプリは 調整 モードに入り、選択した画像の元のアートワークを次のプロンプトの参照として使用します。
- 満足するまで繰り返し、保存 をクリックして
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 から直接取得されています。
関連
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト
- プロジェクト