ios-icon-gen

What this skill does

When applied, it prepends a system prompt before your request is sent — no extra calls and no change to how you are billed beyond the added tokens.

---
name: ios-icon-gen
description: SF Symbols（Apple ネイティブ 5,000 件以上）または Iconify API（200 以上のコレクションから 275,000 件以上のオープンソースアイコン）から Xcode アセットカタログ用の PNG イメージセットとして iOS アプリアイコンを生成します。アイコンの生成、アイコンアセットの作成、アセットカタログへのアイコン追加、または iOS プロジェクト向けアイコンの検索を行う際に使用します。
origin: community
---

# iOS Icon Generator

2 つのソースから Xcode アセットカタログ用の PNG アイコンイメージセットを生成します。

## アクティベートするタイミング

- iOS/macOS Xcode プロジェクト向けアイコンアセットを生成する
- オープンソースコレクション全体でアイコンを検索する
- アセットカタログ用の PNG イメージセット（1x、2x、3x）を作成する
- プレースホルダーアイコンをプロダクション品質のアセットに置き換える
- Xcode プロジェクト内の既存アイコンスタイルに合わせる

## コア原則

### 1. 2 つのソース、1 つの出力フォーマット
どちらのソースも同一の Xcode 互換イメージセットを生成します。必要に応じて選択してください。

| ソース | アイコン数 | 要件 | 最適な用途 |
|--------|----------|------|-----------|
| **Iconify API** | 200 以上のコレクションから 275,000 件以上 | インターネット | 幅広い選択肢、特定スタイル、オープンソースアイコン |
| **SF Symbols** | Apple シンボル 5,000 件以上 | macOS のみ | Apple ネイティブスタイル、オフライン使用 |

### 2. 常に既存スタイルに合わせる
生成する前に、サイズ・色・ウェイトの一貫性について、プロジェクトの既存アイコンを確認してください。

### 3. 出力構造
どちらの方法も完全な Xcode イメージセットを生成します。

```
<output-dir>/<asset-name>.imageset/
  Contents.json
  <asset-name>.png        # 1x（デフォルト 68px）
  <asset-name>@2x.png     # 2x（デフォルト 136px）
  <asset-name>@3x.png     # 3x（デフォルト 204px）
```

## 使用例

### ステップ 1: 要件の確認

アイコンのニーズを決定します。アイコンが表すもの、好みのスタイル、対象の色とサイズ。

プロジェクトにすでにアイコンがある場合は、既存スタイルを確認します。
```bash
# 既存アイコンのサイズを確認
sips -g pixelWidth -g pixelHeight path/to/[email protected]
```

### ステップ 2: アイコンの検索

**Iconify API（幅広い選択肢に推奨）:**
```bash
# すべてのコレクションを検索
$SKILL_DIR/scripts/iconify_gen.sh search "receipt"

# 特定のコレクション内で検索
$SKILL_DIR/scripts/iconify_gen.sh search "business card" --prefix mdi

# 利用可能なコレクションを一覧表示
$SKILL_DIR/scripts/iconify_gen.sh collections
```

**SF Symbols（Apple ネイティブスタイル向け）:**
SF Symbols アプリを参照するか、一般的な名前を確認します。

| ユースケース | シンボル名 |
|-------------|-----------|
| ドキュメント | `doc.text`, `doc.fill` |
| レシート | `doc.text.below.ecg`, `receipt` |
| 人物 | `person.crop.rectangle`, `person.text.rectangle` |
| カメラ | `camera`, `camera.fill` |
| スキャン | `doc.viewfinder`, `qrcode.viewfinder` |
| 設定 | `ge

Use this skill

{
  "model": "gpt-4o-mini",
  "skill": "imp-e730de8d-32f4-44e5-875a-8a9bb02c85b6",
  "messages": [{ "role": "user", "content": "…" }]
}

More skills