Threejs Game

This handles Three.js game development from scene setup through interactive 3D gameplay. You get help with player controllers (first and third person), input management across keyboard/mouse/touch, collision detection via raycasting, GLTF model loading with animations, and basic physics for gravity and jumping. It covers practical game systems like health and damage, object picking for interactions, and proper game loop structure with delta time. The examples are copy-paste ready, which matters when you're prototyping game mechanics. Best for browser-based 3D games where you need working code for movement, camera follow, and entity management without digging through Three.js docs every time.

skills.sh installs: 419
GitHub stars: 4
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add natea/fitfinder --skill threejs-game --agent claude-code

Installs into .claude/skills of the current project.

Files

Three.js Game Development Skill

Comprehensive assistance with Three.js game development using WebGL, covering 3D rendering, game mechanics, physics, animations, and interactive browser-based games.

When to Use This Skill

Activate this skill when:

Building 3D web games with Three.js
Implementing game mechanics (player movement, collisions, scoring)
Setting up cameras, lighting, and scene management
Loading 3D models (GLTF, OBJ, FBX)
Handling user input (keyboard, mouse, touch, gamepad)
Creating animations and character controllers
Integrating physics engines (Cannon.js, Ammo.js)
Optimizing 3D game performance
Working with shaders and materials for game visuals

Quick Reference

Basic Game Setup

import * as THREE from 'three';

// Create scene, camera, renderer
const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer({ antialias: true });
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// Game loop
function animate(time) {
  requestAnimationFrame(animate);

SKILL.md on GitHub