majidmanzarpour/threejs-game-skills

これは何？

主な機能

• 01ディレクタースキルが、ゲームプレイ、グラフィックス、UI、デバッグ、リリースに関する幅広いゲーム制作依頼を専門スキルに振り分けます。
• 02決定論的なテストフックとseed付きRNGを備えた、Vite + TypeScript + Three.jsのゲーム用スキャフォールドが付属します。
• 03スモークテスト、ビジュアルリグレッションのベースライン、ボットによるプレイテスト用のPlaywrightテンプレートが含まれています。
• 04ピクセル指標と描画予算のデータを報告するcanvas検査スクリプトを提供します。
• 05Tripo、Gemini、ElevenLabsとの任意の連携により、3Dモデル、画像、音声を生成できます。

ユースケース

• CodexまたはClaude CodeのAIコーディングエージェントを使い、空のフォルダーからブラウザーゲームを作る。
• 既存のThree.jsプロトタイプのビジュアル、HUD、モバイル操作を改善する。
• Three.jsゲームプロジェクトに、自動ブラウザーテストとスクリーンショットのベースラインを追加する。
• APIキーが使える場合に、外部プロバイダーを通じてゲーム向けの3Dモデル、テクスチャ、効果音を生成する。

クイックスタート

1. 1

   Codex 用のすべてのスキルをインストールする

   npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y
2. 2

   Claude Code 用のすべてのスキルをインストールする

   npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y
3. 3

   プロジェクトフォルダーで Codex または Claude Code を開き、threejs-game-director を使ってゲームを作るよう指示する

使う前に知っておきたいこと

• !Codex と Claude Code のエージェントでのみ動作し、単体のゲームエンジンとしては使えません。
• !アセット生成機能の一部では、Tripo、Gemini、または ElevenLabs の有料 API キーが必要です。キーがない場合、エージェントはプロシージャル生成アセットを使用します。

トピック

よくある質問

threejs-game-skills とは？

ゲーム制作の作業を振り分けるディレクタースキルを含む、Three.js製ブラウザーゲーム向けのCodex・Claude Code用エージェントスキル9種。 Three.js Game Skillsは、Three.jsでブラウザーゲームを作るためのCodexおよびClaude Code向けエージェントスキル集です。エントリーポイントとなるthreejs-game-directorがリクエストを振り分け、ゲームプレイシステム、グラフィックス、UI、デバッグ、QAとリリース、さらに3D・画像・音声アセットの生成を担当する専門スキルにつなぎます。各スキルのフォルダーには、それぞれSKILL.md、リファレンス、ヘルパースクリプト、アセットが含まれています。

threejs-game-skills は無料で使えますか？ライセンスは？

threejs-game-skills は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

threejs-game-skills は今もメンテナンスされていますか？

活発にメンテナンス中。threejs-game-skills の最終コミットは 2026年9月28日 です。

threejs-game-skills は何に使えますか？

CodexまたはClaude CodeのAIコーディングエージェントを使い、空のフォルダーからブラウザーゲームを作る。 既存のThree.jsプロトタイプのビジュアル、HUD、モバイル操作を改善する。 Three.jsゲームプロジェクトに、自動ブラウザーテストとスクリーンショットのベースラインを追加する。 APIキーが使える場合に、外部プロバイダーを通じてゲーム向けの3Dモデル、テクスチャ、効果音を生成する。

threejs-game-skills のインストール方法は？

Codex 用のすべてのスキルをインストールする: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a codex -g -y Claude Code 用のすべてのスキルをインストールする: npx skills add majidmanzarpour/threejs-game-skills --skill '*' -a claude-code -g -y プロジェクトフォルダーで Codex または Claude Code を開き、threejs-game-director を使ってゲームを作るよう指示する

threejs-game-skills はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/majidmanzarpour/threejs-game-skills