majidmanzarpour/threejs-game-skills

何を解決するか

Three.jsブラウザゲームのプロフェッショナルな完成度を高める開発プロセスを簡素化します。AIエージェント（特にCodexおよびClaude Code）向けに専門的な「スキル」のセットを提供することで、ユーザーが技術的な詳細を手動でガイドする必要がなくなります。エージェントは、ゲームプレイメカニクス、ハイエンドグラフィックス、UIデザイン、アセット生成、品質保証を自動的に調整できます。

動作方法

このプロジェクトは、SKILL.mdファイル、プロンプトテンプレート、ヘルパースクリプトのコレクションを提供し、AIエージェントのスキルディレクトリにインストールされます。中心となる「ディレクター」スキル（threejs-game-director）がオーガナイザーとして機能し、特定のニーズに応じて専門スキルにタスクをルーティングします：

• ゲームプレイ & UI：メカニクス、物理、応答性のあるHUDを処理。
• グラフィックス & アセット：AAAスタイルのライティング、シェーダー、マテリアルを管理。外部API（Tripoによる3D生成、Geminiによる画像生成、ElevenLabsによる音声生成）と統合し、ゲーム用に最適化されたアセットを生成可能。
• QA & デバッグ：バンドルされたVite + TypeScriptスcaffoldとPlaywrightテンプレートを使用して、スモークテスト、ビジュアルレグレッションチェック、パフォーマンスプロファイリングを実行。

対象ユーザー

3Dウェブゲームの開発にAIエージェント（Claude CodeやCodexなど）を活用し、単なるプロトタイプから本格的で完成度の高い製品へと進化させたい開発者。

特徴

• エージェントオーガナイズ：フルゲーム開発ライフサイクルを自動的に複数の専門スキルで調整するディレクタースキル。
• 自動QA：キャンバスピクセルの検査、ボットによるプレイテスト、ビジュアルスコアカードを用いたゲーム品質の検証ツールを搭載。
• AIアセットパイプライン：APIキーを介して3Dモデル、テクスチャ、サウンドエフェクトをネイティブに生成する統合機能。
• 決定論的テスト：シード付きRNGとテストフックを同梱し、AIエージェントが自身の作業を信頼できる形で検証できるようにサポート。