game-artist

ゲームアーティストスキル

Kenneyを最優先するワークフローによる、インテリジェントなゲームアセット管理。

このスキルが有効になるタイミング

次のような場合に、このスキルが自動的に有効になります。

• ゲームアセットをリクエストする（「体力アイコンを探して」「木のスプライトが必要」など）
• ビジュアル要素について尋ねる（「パワーアップには何がよさそう？」など）
• 新しいスプライトやグラフィックを追加したい
• アセットのおすすめが必要

基本方針：Kenneyのみ

生成せず、既存のものを使いましょう！

このプロジェクトでは、KenneyのAll-in-1コレクション（約36,000個のアセット、すべてCC0）を利用できます。

• 150以上の2Dアセットパック
• キャラクター、タイル、プロップ、UI、エフェクト
• すべて統一されたフラット／ベクタースタイル
• あらゆる用途に無料で使用可能

ワークフロー：

1. 🔍 Kenneyコレクションを徹底的に検索する
2. ✅ 合うアセットがあれば、既存のものを使う
3. ❓ 見つからなければ、手動で探すか生成するようユーザーに尋ねる
4. ✔️ フラット／ベクターの美的スタイルに合っているか確認する

手順ごとのワークフロー

手順1：リクエストを理解する

確認する項目：

• アセットの種類は？（キャラクター、アイテム、プロップ、UI、エフェクト）
• サイズは？（ゲーム内のスケールに基づく。STYLE_GUIDE.mdを参照）
• 用途は？（収集アイテム、装飾、機能）
• 色は？（STYLE_GUIDE.mdのパレットを確認）
• スタイルの要件は？（フラット／ベクタースタイルに合わせる必要がある）

例：

Request: "Need a health power-up sprite"
→ Type: Item/collectible
→ Size: 48x48 or 64x64 (smaller than character)
→ Purpose: Collectible power-up
→ Colors: Red/green (health colors)
→ Style: Flat/vector, must match player sprite

手順2：Kenneyコレクションを検索する

KENNEY_CATALOG.mdを使って、関連するパックを探します。

1. カタログを確認 - パックの索引から候補を探す
2. スプライトシートを閲覧 - spritesheet*.pngファイルで全体を視覚的に確認する
3. Preview.pngを閲覧 - 視覚的に確認する別の方法
4. アセットの場所へ移動 - PNG/フォルダーから個々のスプライトを探す

視覚的に閲覧する方法：

方法1：スプライトシート（推奨）

# Find all spritesheets in a pack
find "/path/to/Kenney/2D assets/[Pack Name]" -name "spritesheet*.png"

# Example for Puzzle Assets:
find "/path/to/Kenney/2D assets/Puzzle Assets" -name "spritesheet*.png"

次に、Readツールで視覚的に確認し、1枚の画像ですべてのスプライトを確認します。

Read("/path/to/spritesheet_items.png")
# Claude Vision can see all sprites at once!

方法2：Preview.png

# Single preview image showing asset samples
ls "/path/to/Kenney/2D assets/[Pack Name]/Preview.png"

方法3：個別のPNG（必要な場合）

# Browse individual sprites
ls "/path/to/Kenney/2D assets/[Pack Name]/PNG/"

アセットの種類ごとの検索場所：

アセットの種類	主なパック	閲覧方法
キャラクター	Topdown Shooter	Spritesheet/フォルダー内のスプライトシート
アイテム／収集アイテム	Generic Items、Puzzle Assets	スプライトシートまたはPreview.png
パワーアップ	Space Shooter Redux、Puzzle Assets	spritesheet_items.pngを確認
UI要素	Game Icons、UI Pack	Preview.png（スプライトシートなし）
プロップ／環境	Topdown Shooter、Generic Items	パック内のスプライトシート
エフェクト	Explosion Pack、Particle Pack	エフェクトの種類ごとのスプライトシート

スプライトシートのファイル名パターン：

spritesheet_complete.png    - All assets in pack
spritesheet_items.png        - Just items
spritesheet_characters.png   - Just characters
spritesheet_tiles.png        - Just tiles
spritesheet_enemies.png      - Just enemies

検索の簡単なワークフロー：

# 1. Find relevant pack
ls "/path/to/Kenney/2D assets/" | grep -i "puzzle"

# 2. Check for spritesheets
find "/path/to/Kenney/2D assets/Puzzle Assets" -name "spritesheet*.png"

# 3. Visual inspect with Read tool
Read("/path/to/Kenney/2D assets/Puzzle Assets/Spritesheet/spritesheet_items.png")

# 4. If found what you need, navigate to individual PNG
ls "/path/to/Kenney/2D assets/Puzzle Assets/PNG/"

手順3：候補を評価する

候補のアセットごとに、次の項目を確認します。

✅ スタイルが合っているか：

• フラット／ベクターか（ピクセルアートではないか）？
• なめらかで丸みのある形状か？
• 細い濃色の輪郭線があるか？
• シンプルな幾何学的形状か？

✅ 色が合っているか：

• ゲームのパレットを使用しているか？
• 必要に応じて簡単に色を変更できるか？
• ビジュアルテーマに合っているか？

✅ サイズが合っているか：

• ゲーム内のスケールに適しているか？
• タイルの倍数（64、96、128、192、256）にサイズ変更できるか？
• 目標サイズでも品質を維持できるか？

✅ 用途に合っているか：

• 意図した意味を伝えられるか？
• シルエットやアイコンが明瞭か？
• ゲームプレイの状況に合っているか？

判断フロー：

Found perfect match → Use it (Step 4)
Found close match  → Use and modify colors if needed (Step 4)
No good match      → Ask user to provide asset (Step 5)

手順4：Kenneyのアセットを使う

適切なアセットが見つかった場合：

1. スプライトシートを目視で確認し、使用するスプライトを特定します

2. 個別のPNGへ移動します。

   ls "/path/to/Kenney/[Pack]/PNG/[Category]/"
   # Find the specific sprite file
   

3. アセットをコピーし、Kenneyフォルダーからプロジェクトに追加します。

   cp "Kenney/path/to/sprite.png" "assets/sprites/sprite_name.png"
   

4. 必要に応じて、アスペクト比を維持してサイズを変更します。

   # Use ImageMagick or similar
   magick sprite.png -resize 64x64 output.png
   

5. 透過を確認します。アルファチャンネルがあることを確認してください

6. ゲーム内でテストします。既存のスプライトの隣に配置してください

7. 出典を記録します。使用したKenneyのパックを記載してください

ユーザーへの出力：

✅ Found Kenney asset: [Asset Name]
📁 Source: [Pack Name]
📏 Size: [Original] → [Scaled to]
🎨 Colors: [Matches palette]
💾 Saved to: assets/sprites/[filename]

手順5：ユーザーにアセットの提供を依頼する

適切なKenneyのアセットがない場合に限ります。

1. 検索結果を報告します。検索した内容と、合うものが見つからなかった理由を説明してください

2. ユーザーにアセットの提供を依頼します。

   ユーザーへの出力：

   ❌ No suitable Kenney asset found for: [asset description]
   
   📁 Searched packs:
   - [Pack 1] - [why didn't match]
   - [Pack 2] - [why didn't match]
   
   🎨 Style requirements for manual creation:
   - Flat/vector style (NOT pixel art)
   - Smooth rounded shapes with thin dark outline
   - Simple geometric forms, clear silhouette
   - Transparent background (PNG with alpha)
   - Size: [recommended dimensions]
   - Colors: [recommended from palette]
   
   ✅ Options:
   1. Find similar Kenney asset from different pack
   2. Generate manually with AI tool of your choice
   3. Create/edit sprite with image editor
   4. Use placeholder colored circle for now
   
   📥 Once created, save to: assets/sprites/[filename]
   

3. 仮のアセットを提案します。代替案として色付きの円を使うことを提案してください

4. ユーザーの対応を待ちます。アセットが提供されるまで先に進まないでください

ステップ 6：品質の検証

⚠️ 重要な要件：必ず Read ツールと Claude Vision を使用して、スプライトを目視で確認してください！

目視確認なしに、スプライトが要件を満たしていると思い込まないでください。AI 生成ツールは、予想外の結果を出すことがあります。

目視確認チェックリスト：

1. 実際の内容を確認する - 画像には意図したものが表示されていますか？（例：五芒星ではなく稲妻）
2. 参照画像と比較する - プレイヤー／ゾンビのスプライトと横に並べて比較します
3. スタイルを確認する - フラット／ベクターか、ピクセルアートか
4. 透明度を確認する - アルファチャンネルがありますか？（グレーの市松模様を確認します）
5. エッジを確認する - エッジは滑らかにアンチエイリアス処理されていますか？
6. 色を確認する - パレットの範囲内ですか？
7. 視認性をテストする - 目標サイズで見やすいですか？

スタイルの一貫性チェックリスト：

• 滑らかな丸みのある形状（ピクセル化されていない）
• 細い暗色の輪郭線
• さりげかなグラデーションを施したフラットカラー
• シンプルな幾何学図形
• 背景が透明
• プレイヤー／ゾンビのスタイルに一致
• 適切なスケール
• シルエットが明瞭

品質上の問題が見つかった場合：

For Kenney assets:
→ Try different asset from same pack
→ Try similar pack with better style match

For user-provided assets:
→ Give feedback on style mismatch
→ Reference STYLE_GUIDE.md for requirements
→ Suggest specific improvements needed

高度な機能

アセットの一括リクエスト

関連する複数のアセットを扱う場合：

1. 種類ごとにまとめる - キャラクター、アイテム、小道具など
2. スプライトシートを確認する - パック全体を視覚的に把握します
3. すべてを一度に抽出する - 同じパックからまとめてコピーします
4. 一貫性を保つ - 同じパックなら同じスタイルになります

代わりにサブエージェントを使用する場合：

• 調査で 10 個以上のアセットが必要
• テーマに沿ったコレクション全体を作成する
• バリエーションを含めて一括生成する
• 複雑な複数ステップのアセットパイプラインを構築する

色のバリエーション

Kenney のアセットの色が合わない場合：

1. 画像操作ツールで元画像を読み込みます
2. 色相を変更して目標の色にします
3. コントラストを確認して視認性を維持します
4. 分かりやすい名前を付けてバリエーションを保存します

# Example: shift green gem to blue
magick green_gem.png -modulate 100,100,180 blue_gem.png

スタイルの転送（今後）

Layer.ai API が利用可能になったら：

• Kenney の参照画像をアップロードします
• 一致するスタイルのアセットを生成します
• 一貫性を保つために一括処理します

テンプレートとリソース

クイックリファレンス：

• KENNEY_CATALOG.md - アセットパックのインデックスと検索のヒント
• STYLE_GUIDE.md - ビジュアルスタイルの仕様
• EXAMPLES.md - 実際のワークフローの手順
• templates/pollinations_prompts.md - 生成用テンプレート
• templates/midjourney_prompts.md - ムードボード用プロンプト
• templates/quality_checklist.md - 検証基準

よくあるシナリオ

シナリオ 1：パワーアップのスプライト

リクエスト：「体力、スピード、シールドのパワーアップ用スプライトが必要です」

ワークフロー：

1. KENNEY_CATALOG.md を確認 → 「Puzzle Assets に色付きのジェムがあります！」
2. スプライトシートを探します：find "Puzzle Assets" -name "spritesheet*.png"
3. Read ツールでスプライトシートを目視確認 → すべてのジェムを一度に確認できます
4. PNG フォルダーに移動し、緑のジェム、青のジェム、金色のジェムをコピーします
5. すべてを 64x64 にリサイズします
6. ゲーム内でプレイヤーのスプライトと並べてテストします
7. ✅ 完了 - すべて Kenney のアセットなので、生成は不要です

シナリオ 2：カスタムの敵キャラクター

リクエスト：「飛行するゾンビの敵スプライトが必要です」

ワークフロー：

1. Topdown Shooter のスプライトシートを確認 → ゾンビはありますが、飛行するバリエーションはありません
2. Space Shooter Redux のスプライトシートを確認 → 飛行する敵はありますが、テーマが合いません
3. 判断： Kenney にアセットが見つかりません
4. ユーザーに報告します：

   ❌ No flying zombie found in Kenney collection
   
   📁 Searched: Topdown Shooter (has zombies), Space Shooter Redux (has flying)
   
   ✅ Options:
   1. Use regular zombie sprite as placeholder
   2. Modify existing zombie sprite with wings manually
   3. Generate externally with: "flying zombie, top-down view, Kenney flat vector style"
   
   📥 Save to: assets/sprites/flying_zombie.png
   

5. ユーザーがアセットを提供するまで待ちます
6. 提供されたら、Read ツールで目視確認します
7. 既存のゾンビとスタイルが一致することを確認します

シナリオ 3：環境用の小道具

リクエスト：「環境用の木、茂み、岩が必要です」

ワークフロー：

1. Kenney のカタログを確認 → 複数の選択肢があります
2. Topdown Shooter/Spritesheet/ のスプライトシートを目視確認します
3. Foliage Pack/Spritesheet/ のスプライトシートを確認します
4. PNG フォルダーからいくつかの候補を抽出します
5. 適切なスケールにリサイズします（木は 64x128、茂みは 64x64）
6. ゲーム内でバリエーションをテストします
7. ✅ Kenney のアセットを複数使用して、すぐにバリエーションを用意できます

エラー処理

よくある問題

適切な Kenney アセットが見つからない場合： → 関連するパックを検索します（KENNEY_CATALOG.md を確認してください） → 変更できる類似アセットを試します → ユーザーにカスタムアセットの提供を依頼します

ユーザー提供のアセットがスタイルに合わない場合： → 問題点を明確に伝えます → STYLE_GUIDE.md の要件を参照します → 比較用に Kenney アセットの例を提示します → 必要な具体的なスタイル調整を提案します

Kenney アセットのサイズが合わない場合： → アスペクト比を維持してリサイズします → 16px の倍数（64、96、128、192、256）を使用します → リサイズ後に品質を確認します

色がパレットに合わない場合： → 既存アセットの色相を調整します → 同じパック内で代替アセットを探します → 特定のカラーの16進コードを指定して生成します

成功のヒント

✅ Kenney を必ず徹底的に確認する - 必要なアセットの90%をカバーできます ✅ スプライトシートのファイルを使う - 視覚的に確認して、パック全体を一度に把握できます ✅ Preview.png ファイルを使う - 手早く確認するための別の方法です ✅ 複数の関連パックを検索する - 1つのパックで見つからなくても諦めないでください ✅ スタイルの一貫性を保つ - 全体をフラット／ベクターで統一します ✅ ゲーム内で確認する - 既存のスプライトと並べてテストします ✅ 出典を記録する - アセットをどのパックから取得したか記録します ✅ アスペクト比を維持する - 引き伸ばしたり、つぶしたりしないでください ✅ タイルベースのサイズを使う - 基準単位の64pxの倍数を使用します

❌ スタイルを混在させない - ピクセルアートとベクターアートを混ぜないでください ❌ すぐに諦めない - ユーザーに依頼する前に徹底的に検索します ❌ スケールを無視しない - キャラクターとの相対的なサイズが重要です ❌ 透過を忘れない - すべてのスプライトにアルファチャンネルが必要です ❌ トークンを使って生成しない - トークンを節約し、Kenney のみを使います

出力形式

アセットのリクエストを完了する際：

## Asset Request: [Asset Name]

**Source:** [Kenney Pack Name] OR [User Provided]
**File Path:** assets/sprites/[filename]
**Size:** [dimensions] ([X tiles])
**Style Match:** ✅ Verified / ⚠️ Needs review
**Notes:** [Any special considerations]

[Visual preview if using Read tool]

代わりにサブエージェントを推奨する場合

次のような場合は、サブエージェントの利用を提案してください：

• 一括調査：「Kenney のパックにある敵のスプライトをすべてカタログ化する」
• 複雑な生成：「新しいキャラクターの8フレームの歩行アニメーションを作成する」
• スタイルの再設計：「すべてのUIをサイバーパンクのテーマで再設計する」
• アセットパイプライン：「ステータス付きの武器のバリエーションを20種類生成する」

提案方法：

For this complex task, I recommend using a subagent:
- Run: `Task tool with subagent_type=Explore` for thorough pack search
- OR: Create custom subagent for batch generation workflow
This allows autonomous exploration and decision-making.

覚えておくこと

Kenney のみ - トークンを大量に消費する生成はしないでください！

目標は、ビジュアルの一貫性を保ちながら、プロ品質の CC0 アセットを最大限に活用することです。Kenney にない場合は、トークンを節約するため、ユーザーに手動での提供を依頼してください。