Back to browse

affaan-m/ECC

ios-icon-gen

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

70Collecting
See how to use itView GitHub source
npx skills add https://github.com/affaan-m/ECC --skill "docs/ja-JP/skills/ios-icon-gen"
Automated source guide

Source checked Jul 28, 2026·Refresh due Oct 26, 2026

Reorganized from the pinned upstream SKILL.md

Turn ios-icon-gen's source instructions into a guide you can follow

According to the pinned SKILL.md from affaan-m/ECC: 2 つのソースから Xcode アセットカタログ用の PNG アイコンイメージセットを生成します。

npx skills add https://github.com/affaan-m/ECC --skill "docs/ja-JP/skills/ios-icon-gen"
Check the pinned source

Best fit

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

Bring this context

  • A concrete task that matches the documented purpose of ios-icon-gen.
  • The files, examples, or context the task depends on.
  • Your constraints, target environment, and definition of done.

Expected outputs

  • A result that follows the pinned ios-icon-gen instructions.
  • A concise record of assumptions, inputs used, and unresolved questions.
  • A final check against the source workflow and relevant permission signals.

Key source sections

Read ios-icon-gen through these 5 source sections

Sections are extracted automatically from the pinned SKILL.md and link back to the source.

01

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

iOS/macOS Xcode プロジェクト向けアイコンアセットを生成する

SKILL.md · アクティベートするタイミング
iOS/macOS Xcode プロジェクト向けアイコンアセットを生成するオープンソースコレクション全体でアイコンを検索するアセットカタログ用の PNG イメージセット（1x、2x、3x）を作成する
02

コア原則

どちらのソースも同一の Xcode 互換イメージセットを生成します。必要に応じて選択してください。

SKILL.md · コア原則
どちらのソースも同一の Xcode 互換イメージセットを生成します。必要に応じて選択してください。生成する前に、サイズ・色・ウェイトの一貫性について、プロジェクトの既存アイコンを確認してください。どちらの方法も完全な Xcode イメージセットを生成します。
03

1. 2 つのソース、1 つの出力フォーマット

どちらのソースも同一の Xcode 互換イメージセットを生成します。必要に応じて選択してください。

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

2. 常に既存スタイルに合わせる

生成する前に、サイズ・色・ウェイトの一貫性について、プロジェクトの既存アイコンを確認してください。

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

3. 出力構造

どちらの方法も完全な Xcode イメージセットを生成します。

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

SkillSignal prompt templates

Provide the task, context, and acceptance criteria

These prompts were written by SkillSignal from the source structure; they are not upstream text.

Task-start prompt

Confirm source fit, inputs, and outputs before acting.

Use ios-icon-gen to help me with: [specific task]. Context: [files, data, or background]. Constraints: [environment, scope, and prohibited actions]. Before acting, check the pinned SKILL.md and explain which sections apply, what inputs are still missing, and what you will deliver.

Source-guided execution

Make the Agent explicitly follow the key extracted sections.

Apply the pinned ios-icon-gen source to [task]. Pay particular attention to these source sections: “アクティベートするタイミング”, “コア原則”, “1. 2 つのソース、1 つの出力フォーマット”, “2. 常に既存スタイルに合わせる”, “3. 出力構造”. Preserve the important decision at each step. Mark facts not covered by the source as “needs confirmation” instead of inventing them. Then verify the result against my acceptance criteria: [criteria].

Result-review prompt

Check omissions, permissions, and source drift before delivery.

Review the current ios-icon-gen result: (1) does it satisfy the original task; (2) were any applicable steps or limits in the pinned SKILL.md missed; (3) did it perform any unauthorized file, command, network, or data action; and (4) which conclusions remain unverified? List issues first, then fix only what the source or user authorization supports.

Output checklist

Verify each item before delivery

The task matches the purpose documented in the SKILL.md.

The source section “アクティベートするタイミング” has been checked.

The source section “コア原則” has been checked.

The source section “1. 2 つのソース、1 つの出力フォーマット” has been checked.

The source section “2. 常に既存スタイルに合わせる” has been checked.

Inputs, constraints, and acceptance criteria are explicit.

Unverified facts, compatibility, and outcome claims are clearly marked.

Any file, command, network, or data action has been reviewed.

Choose a different workflow

When another Skill is the better fit

ios-icon-gen

Generate iOS app icons as PNG imagesets for Xcode asset catalogs from SF Symbols (5000+ Apple-native) or Iconify API (275k+ open source icons from 200+ collections). Use when generating icons, creating icon assets, adding icons to asset catalog, or searching for icons for iOS projects.

A separate implementation from affaan-m/ECC; compare its source, maintenance signals, and permission requirements.

Open source detail

ab-testing

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," "how long should I run this test," "growth experiments," "experiment velocity," "experiment backlog," "ICE score," "experimentation program

A separate implementation from coreyhaines31/marketingskills; compare its source, maintenance signals, and permission requirements.

Open source detail

design-intelligence

Grounded design brief from the adopted corpus — style, WCAG-checked color tokens, typography, layout pattern, anti-patterns. Use on ui-design-brief or any which-style/palette/font/chart decision.

A separate implementation from event4u-app/agent-config; compare its source, maintenance signals, and permission requirements.

Open source detail

FAQ

What does ios-icon-gen do?

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

How do I start using ios-icon-gen?

The catalog detected this source-specific install command: npx skills add https://github.com/affaan-m/ECC --skill "docs/ja-JP/skills/ios-icon-gen". Inspect the command and pinned source before running it.

Which Agent platforms does it declare?

No dedicated Agent platform is declared in the pinned source record.

Repository stars
234,327
Repository forks
35,711
Quality
70/100
Source repository last pushed

Quality breakdown

Based on traceable docs and repository signals; stars are not treated as quality.

70/100
Documentation24/30
Specificity14/25
Maintenance20/20
Trust signals12/25

Compare before choosing

Related Agent Skills and source variants

These links are selected from shared tasks, functions, stacks, platforms, and same-name variants. Compare the source owner, documentation, permissions, and maintenance signals.

ios-icon-gen by affaan-m

Generate iOS app icons as PNG imagesets for Xcode asset catalogs from SF Symbols (5000+ Apple-native) or Iconify API (275k+ open source icons from 200+ collections). Use when generating icons, creating icon assets, adding icons to asset catalog, or searching for icons for iOS projects.

ab-testing by coreyhaines31

When the user wants to plan, design, or implement an A/B test or experiment, or build a growth experimentation program. Also use when the user mentions "A/B test," "split test," "experiment," "test this change," "variant copy," "multivariate test," "hypothesis," "should I test this," "which version is better," "test two versions," "statistical significance," "how long should I run this test," "growth experiments," "experiment velocity," "experiment backlog," "ICE score," "experimentation program

design-intelligence by event4u-app

Grounded design brief from the adopted corpus — style, WCAG-checked color tokens, typography, layout pattern, anti-patterns. Use on ui-design-brief or any which-style/palette/font/chart decision.

existing-ui-audit by event4u-app

Use BEFORE writing or editing any non-trivial UI — inventories components, design tokens, shadcn primitives, and reusable patterns into state.ui_audit. Hard gate for the ui directive set.

testing-anti-patterns by event4u-app

Use BEFORE writing/changing tests, adding mocks, or test-only methods on production classes — vs mocking-the-mock, production pollution, partial mocks, and overfit/tautological assertions

View original Skill.mdThis page is parsed directly from the repository SKILL.md without editorial rewriting. Collected: Jul 28, 2026 · about 2 min

iOS Icon Generator

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

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

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

コア原則

1. 2 つのソース、1 つの出力フォーマット

どちらのソースも同一の Xcode 互換イメージセットを生成します。必要に応じて選択してください。

ソースアイコン数要件最適な用途
Iconify API200 以上のコレクションから 275,000 件以上インターネット幅広い選択肢、特定スタイル、オープンソースアイコン
SF SymbolsApple シンボル 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: 要件の確認

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

プロジェクトにすでにアイコンがある場合は、既存スタイルを確認します。

# 既存アイコンのサイズを確認
sips -g pixelWidth -g pixelHeight path/to/existing@2x.png

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

Iconify API（幅広い選択肢に推奨）:

# すべてのコレクションを検索
$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
設定gearshape, slider.horizontal.3

ステップ 3: プレビュー（オプション）

# Iconify プレビュー
$SKILL_DIR/scripts/iconify_gen.sh preview mdi:receipt-text-outline

ステップ 4: 生成

Iconify API:

# 基本的な生成
$SKILL_DIR/scripts/iconify_gen.sh mdi:receipt-text-outline editTool_expenseReport

# カスタムカラーと出力場所
$SKILL_DIR/scripts/iconify_gen.sh mdi:receipt-text-outline myIcon --color 007AFF --output ./Assets.xcassets/icons

オプション: --size <pt>（デフォルト: 68）、--color <hex>（デフォルト: 8E8E93）、--output <dir>（デフォルト: /tmp/icons）

SF Symbols:

# 基本的な生成
swift $SKILL_DIR/scripts/generate_icons.swift doc.text.below.ecg editTool_expenseReport

# カスタムカラー、ウェイト、出力
swift $SKILL_DIR/scripts/generate_icons.swift person.crop.rectangle myIcon --color 007AFF --weight regular --output ./Assets.xcassets/icons

オプション: --size <pt>（デフォルト: 68）、--color <hex>（デフォルト: 8E8E93）、--weight <name>（デフォルト: thin）、--output <dir>（デフォルト: /tmp/icons）

ステップ 5: 確認と統合

  1. 生成された @2x PNG を読み込んで視覚的に確認する
  2. 直接出力していない場合はアセットカタログにコピーする。 
    cp -r /tmp/icons/<name>.imageset path/to/Assets.xcassets/<group>/
  3. プロジェクトをビルドして Xcode が新しいアセットを認識することを確認する

人気の Iconify コレクション

プレフィックス名前件数スタイル
mdiMaterial Design Icons7,400 件以上塗りつぶし＋アウトラインバリアント
phPhosphor9,000 件以上アイコンごとに 6 ウェイト
solarSolar7,400 件以上Bold、Linear、Outline
tablerTabler Icons6,000 件以上一定のストローク幅
lucideLucide1,700 件以上クリーン、ミニマル
riRemix Icon3,100 件以上塗りつぶし＋ラインバリアント
carbonCarbon2,400 件以上IBM デザイン言語
heroiconsHeroIcons1,200 件以上Tailwind CSS のコンパニオン

すべてを閲覧: https://icon-sets.iconify.design/

スクリプトリファレンス

スクリプトソースパス
iconify_gen.shIconify API（275,000 件以上のアイコン）$SKILL_DIR/scripts/iconify_gen.sh
generate_icons.swiftSF Symbols（5,000 件以上のアイコン）$SKILL_DIR/scripts/generate_icons.swift

ベストプラクティス

  • 生成前に検索する -- 利用可能なアイコンを閲覧して最適なものを見つける
  • 既存プロジェクトスタイルに合わせる -- 新しいアイコンを生成する前に既存アイコンのサイズ・色・ウェイトを確認する
  • バラエティには Iconify を使う -- 200 以上のコレクションから必要なスタイルを見つけられる
  • Apple の一貫性には SF Symbols を使う -- システム UI と完全に一致する
  • アセットカタログに直接生成する -- 手動コピーを省略するため --output ./Assets.xcassets/icons を使う
  • 視覚的に確認する -- コミット前に必ず @2x PNG をプレビューする

アンチパターン

  • 既存プロジェクトのアイコンスタイルを確認せずにアイコンを生成する
  • プロジェクトに定義されたカラーパレットがあるのにデフォルトカラーを使う
  • 間違ったサイズで生成する（まず既存アイコンを確認する）
  • 視覚的確認なしに生成されたアイコンをコミットする
Source repo
affaan-m/ECC
Skill path
docs/ja-JP/skills/ios-icon-gen/SKILL.md
Commit SHA
4e973d3eaf92
Repository license
MIT
Data collected