Claude Code、Cursor、Codex向けのデザインスキル。AIコーディングエージェントが、AI生成に見えないUIを作れるよう導きます。
chunkithwang/design-playful-app-icons
AIエージェントが大胆で遊び心のあるアプリアイコンをデザイン、生成、改良、レビューするための、テキストのみで構成されたオープンなAgent Skill。
- スター
- 176
- フォーク
- 5
- 未解決の Issue
- 1
- 最終コミット
- 3 か月前
これは何?
Design Playful App Iconsは、Codex、Claude Code、CursorなどのAIコーディングエージェントが読み込み、アプリアイコンのデザインに活用できる指示セットであるAgent Skillです。参考画像は含まず、特定のアーティストやスタジオ、既存アプリにも依存しません。その代わり、数値化できる構図ルール、4種類のビジュアルスタイルのレシピ、簡潔なカラ―システム、小さなサイズでのレビュー手順を備えています。
製品情報をもとに、要件を「物体」「動作」「感情」に整理し、異なる3つのコンセプト案を作成。それぞれを製品の意味、シルエット、独創性の観点で評価します。再現性のある画像生成プロンプトとネガティブ制約を出力し、画像ツールが使える場合は、アイコンの生成と反復的な調整も直接行えます。アイコンは1024、180、60、32 pxで確認します。
最終的な出力には、選定したアイコンまたはプロンプト、カラーパレット、iOSとAndroid向けの制作仕様、品質レポートが含まれます。
主な機能
- 01製品要件を「物体」「動作」「感情」のコンセプトに整理
- 02異なる3つのアイコン案を作成し、選定に向けて評価
- 03フラットなマスコット、ソフト3D、グラデーションのシルエット、ミニマルなグリフの4種類のビジュアルスタイルを用意
- 04再現性のある画像プロンプト、ネガティブ制約、カラーパレットを出力
- 051024、180、60、32 pxでの視認性をレビュー
- 06iOSとAndroid向けの制作・納品時の注意事項を提示
ユースケース
- 新しいアプリのアイコンについて、方向性を決める前に複数の案を検討する
- 既存アイコンの核となるメタファーを保ちながら、より個性のあるスタイルに改良する
- 小さなサイズでの視認性を確認し、修正版の生成プロンプトを得る
- App StoreとGoogle Playへの申請に向けてアイコンの仕様を準備する
クイックスタート
- 1
Skills CLIでスキルをインストールする
npx skills add https://github.com/chunkithwang/design-playful-app-icons --skill design-playful-app-icons - 2
エージェントにスキルを使うよう依頼する。例:集中タイマーアプリのアイコン案を3つデザインして
使う前に知っておきたいこと
- プロジェクトにライセンスが明記されていないため、再利用条件が不明です。
- 実際に画像を生成できるかどうかは、エージェントに接続されている画像ツールによって異なります。
- 他のエージェントでは、標準のAgent Skillsへの対応が必要です。
トピック
よくある質問
- design-playful-app-icons とは?
- AIエージェントが大胆で遊び心のあるアプリアイコンをデザイン、生成、改良、レビューするための、テキストのみで構成されたオープンなAgent Skill。 Design Playful App Iconsは、Codex、Claude Code、CursorなどのAIコーディングエージェントが読み込み、アプリアイコンのデザインに活用できる指示セットであるAgent Skillです。参考画像は含まず、特定のアーティストやスタジオ、既存アプリにも依存しません。その代わり、数値化できる構図ルール、4種類のビジュアルスタイルのレシピ、簡潔なカラ―システム、小さなサイズでのレビュー手順を備えています。
- design-playful-app-icons は無料で使えますか?ライセンスは?
- design-playful-app-icons にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
- design-playful-app-icons は今もメンテナンスされていますか?
- 半年以内に更新あり。design-playful-app-icons の最終コミットは 2026年8月6日 です。
- design-playful-app-icons は何に使えますか?
- 新しいアプリのアイコンについて、方向性を決める前に複数の案を検討する 既存アイコンの核となるメタファーを保ちながら、より個性のあるスタイルに改良する 小さなサイズでの視認性を確認し、修正版の生成プロンプトを得る App StoreとGoogle Playへの申請に向けてアイコンの仕様を準備する
- design-playful-app-icons のインストール方法は?
- Skills CLIでスキルをインストールする: npx skills add https://github.com/chunkithwang/design-playful-app-icons --skill design-playful-app-icons エージェントにスキルを使うよう依頼する。例:集中タイマーアプリのアイコン案を3つデザインして
- design-playful-app-icons はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/chunkithwang/design-playful-app-icons
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
AIコーディングエージェントがObsidianのVaultやMarkdown、Bases、JSON Canvasなどのオープン形式を扱えるようにするAgent Skills集です。
AIエージェントが必要に応じて読み込む、指示・スクリプト・リソースをSKILL.mdフォルダにまとめるためのオープンな形式と仕様。
Codex CLIを実行エンジンに採用した、動画翻訳・ダウンロード、画像や動画の生成、ナレーション、執筆をまとめて行えるクリエイター向けオープンソースAIワークスペースです。
Claude CodeとGemini CLI向けに、リサーチ、システム、UI、インタラクション、デリバリーを網羅した、エージェント対応のデザインスキル273種とスラッシュコマンド76種を収録。
参照UIからビジュアルデザインの特徴を抽出してDesign DNAのJSONにまとめ、それを基に統一感のあるUIを生成するエージェントスキルです。