phaser-coder

Phaser 4 Coder

このスキルは、TypeScript ファーストの Phaser 4 実装作業に使用します。

ワークフロー

1. 編集する前に既存のコードを読みます。src/main.ts、シーンファイル、関連するオブジェクトやマネージャー、共有定数、アセットキーを確認します。
2. 既存の命名、フォルダー構造、シーンキーの規則、状態管理のパターンに合わせます。
3. Phaser 4 の API のみを使用します。Phaser.Geom.Point、Phaser.Math.PI2、Phaser.Structs など削除された Phaser 3 の API や、非推奨のテクスチャ生成パターンは避けます。
4. シーンキー、レジストリキー、イベント名、アセットキー、アニメーションキーには、型付きの定数や enum を優先します。
5. 完全に実行可能なコードを書きます。ユーザーが明示的にスキャフォールドを求めない限り、プレースホルダーの TODO は避けます。
6. 重要度の高い編集の後は、プロジェクトで TypeScript が設定されている場合に npx tsc --noEmit を実行します。

実装のデフォルト

• Phaser.Scene を継承したクラスベースのシーンを使用します。
• Matter.js が明らかに必要な場合を除き、一般的なプラットフォーマー、トップダウン、シューティングのメカニクスには Arcade Physics を使用します。
• 弾丸、敵、パーティクル、頻繁に生成される一時オブジェクトにはオブジェクトプーリングを使用します。
• 共有型は src/types/ に、再利用可能なゲームオブジェクトは src/objects/ または既存の同等の場所に配置します。
• 可能な限り、デバッグ用の機能は開発モードの背後に隠します。
• Vite と Phaser のセットアップは、ブラウザーランタイムおよび厳格な TypeScript と互換性を保ちます。

詳細なガイダンス

完全なコーディングプレイブックについては、references/agent-guidance.md を読んでください。これは Claude サブエージェントの定義からコピーされたものですが、ポータブルなスキルとして適用する必要があります。model、color、tools など Claude 専用のフィールドは無視してください。