Skip to content
Get packs

Mobile Three.js Game Builder

Guides building and testing Three.js browser games that play well on phones and tablets.

Source Download skill
Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
2 files

What it does

When installed, the agent follows a set of guidelines for making browser games built with Three.js (a popular 3D graphics library) work well on touchscreens. It recommends touch-friendly movement and action controls, layouts that adapt to portrait and landscape screens without covering the play area, and performance settings suited to phones and battery life. It also tells the agent to test on mobile-sized browser viewports, touch input, audio unlock, and returning from background.

Great for

  • Indie developers building a 3D game for mobile web browsers
  • Developers tuning an existing Three.js game for phones and tablets
  • QA testers who want a checklist for mobile browser testing of a game

Skip it if

  • Native iOS or Android games, since the guidance targets the mobile web browser (the skill does not cover native game engines)
  • Non-Three.js projects, such as 2D games made with other engines, where the specific advice may not apply

Try asking

  • “Make the controls in my Three.js game usable with one thumb on a phone.”
  • “Review my game's HUD for portrait and landscape layouts and flag anything covering the playfield.”
  • “Create a mobile QA checklist for my Three.js game covering multi-touch, audio unlock, and background return.”
  • “Suggest performance defaults for a Three.js game that runs on low-end Android phones.”
Step-by-step guide: how to use Mobile Three.js Game BuilderInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 2 original files, the MIT licence and an attribution note.

    build-mobile-threejs-games.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip build-mobile-threejs-games.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip build-mobile-threejs-games.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the agent your existing game code and the target devices so its advice matches your actual controls and screen sizes.
  • Ask for a concrete test plan you can run in a real mobile browser, since the skill emphasizes testing on actual viewports.
  • Pair it with your own Three.js project knowledge; the skill is a set of guidelines and does not include code templates or tools.

What's inside

  • agents/openai.yaml
  • SKILL.md

Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.