majidmanzarpour/threejs-game-skills

Agent skills for building playable, polished Three.js browser games with gameplay, AAA-style graphics, UI, QA, and optional AI-generated 3D, image, and audio assets.

What it solves

It simplifies the process of building polished, professional Three.js browser games by providing a set of specialized "skills" for AI agents (specifically Codex and Claude Code). Instead of the user manually guiding every technical detail, these skills allow an agent to orchestrate gameplay mechanics, high-end graphics, UI design, asset generation, and quality assurance automatically.

How it works

The project provides a collection of SKILL.md files, prompt templates, and helper scripts that are installed into an AI agent's skill directory. A central "director" skill (threejs-game-director) acts as the orchestrator, routing tasks to specialist skills for specific needs:

  • Gameplay & UI: Handles mechanics, physics, and responsive HUDs.
  • Graphics & Assets: Manages AAA-style lighting, shaders, and materials. It can integrate with external APIs (Tripo for 3D, Gemini for images, ElevenLabs for audio) to generate game-ready assets.
  • QA & Debugging: Uses a bundled Vite + TypeScript scaffold and Playwright templates to run smoke tests, visual-regression checks, and performance profiling.

Who it’s for

Developers who use AI agents like Claude Code or Codex to build 3D web games and want to move beyond basic prototypes to production-ready, polished experiences.

Highlights

  • Agent Orchestration: A director skill that automatically coordinates multiple specialist skills for a full game development lifecycle.
  • Automated QA: Includes tools for canvas pixel inspection, bot playtests, and visual scorecards to verify game quality.
  • AI Asset Pipeline: Native integration for generating 3D models, textures, and sound effects via API keys.
  • Deterministic Testing: Ships with a seeded RNG and test hooks to ensure AI agents can reliably verify their own work.

Related

  • Project
    scottstts/Threejs-Awesome-Graphics-Agent-Skills

    A Three.js skill pack for AI agents that provides high-fidelity graphics implementation patterns to help agents create professional 3D visuals instead of basic API calls.

  • Project
    kangarooking/kangarooking-skills

    A collection of structured, open-source Agent Skills and workflows for AI agents to automate tasks ranging from content creation and 3D generation to complex software engineering.

  • Project
    KKKKhazix/khazix-skills

    A collection of standardized AI agent skills (instruction sets) for goal definition, disk cleanup, deep research, and project documentation maintenance.

  • Project
    vibe-motion/skills

    A collection of modular animation and rendering skills for AI agents to generate professional motion graphics, 3D effects, and promotional videos programmatically.

  • Project
    mxyhi/ok-skills

    A curated collection of reusable skills and playbooks for AI coding agents, providing portable instructions for tasks like browser automation, documentation lookup, and codebase planning.