01
It starts by itself
you build a mechanic. Runs in Claude Code routine.
- ↻ you build a mechanic
run threejs-gameplay-systems on demand
majidmanzarpour · 3K installsThree.js Gameplay Systems skill
Runs by itself, you build a mechanic.
A game loop you can play.
Install the Three.js Gameplay Systems skill and make it a habit: follow https://gethabit.dev/skills/majidmanzarpour/threejs-gameplay-systems.md
- 1Copy
- 2Paste into Claude Code, Codex or Cursor
- 3It runs by itself
3K installs3K starsMIT licenceSource on GitHub ↗
Three.js Gameplay Systems
by majidmanzarpour · 3K installs
The skill
The three.js gameplay systems skill builds playable browser game loops: a Vite and TypeScript starter, design briefs, core loops, levels, input, camera, physics, scoring and game feel.
Only when you ask.
The habit
A game loop you can play.
↻ Runs by itselfyou build a mechanic
How the habit works.
You don't have to.
When does it start? How does it check its work? What does it remember?
One run, step by step.
Then it stops.
Stops after one mechanic or encounter per run, with at most 2 fix retries.
- 01
Scaffold
For a new game your agent runs create_threejs_game.py to copy the Vite and TypeScript starter.
- 02
Design first
It writes or updates the design brief, core loop contract and level or encounter plan.
- 03
Inspect
It reviews the existing loop, input, camera, entities, state and UI before changing anything.
- 04
Build increments
It adds input, state, entities, collision, feedback and HUD hooks so the game stays playable at each step.
- 05
Tune feel
It tunes movement, camera, impact feedback and difficulty using references/game-feel.md.
- 06
Report
It reports behavior, controls, tuned values, changed files and what it saw when playing.
What it may do.
Nothing more.
It writes only in its own folder and asks you before anything goes out.
- Writes only ingame project source files, loops/threejs-playable-slice-loop/**
- Talks tono outside service
- Sendsnothing
- Your OKNothing goes out, so it needs no OK.
Is it for you?
Use it when it fits.
Read both lists. If the left one sounds like you, the Three.js Gameplay Systems skill helps.
Use it when
- ✓ starting a first playable Three.js game
- ✓ designing levels or encounters
- ✓ tuning game feel and difficulty
Skip it when
- – you only need a static 3D scene
- – the game uses another engine
Three.js Gameplay Systems skill, answered.
Why design before code?
The skill needs decisions, pressure, feedback and consequence first, so the result is a game and not just a scene.
Who makes the sounds?
Gameplay code emits audio events; the threejs-audio-generator skill makes the actual assets.
How do I install the Three.js Gameplay Systems skill?
Copy the prompt at the top into your agent. It installs the skill from majidmanzarpour/threejs-game-skills and sets up the habit. Or run npx skills add majidmanzarpour/threejs-game-skills --skill threejs-gameplay-systems.
Is the Three.js Gameplay Systems skill free?
Yes. It is published under MIT. Habit is free too.
Three.js Gameplay Systems. Now as a habit.
Install the Three.js Gameplay Systems skill and make it a habit: follow https://gethabit.dev/skills/majidmanzarpour/threejs-gameplay-systems.md
All majidmanzarpour skills →More code skills →
Works in
- Claude Code
- Codex
- Cursor
- ChatGPT
- Claude app
Made by majidmanzarpour, published under MIT. Habit links to the original and never changes it. Is this your skill?