threejs-ecs-ts

threejs-ecs-ts

Catalogue stub — full package: Nice-Wolf-Studio/claude-skills-threejs-ecs-ts

Decision tree

Is the package already installed? Check: ~/.design-agent-skills/skills/threejs-ecs-ts/SKILL.md exists.
- Yes → invoke threejs-ecs-ts and proceed
- No → go to step 2
Do you have shell access?
- Yes → run the install command below, then invoke the skill
- No → show the install command; in Claude Code, send it as a chat message starting with ! — add -g for global install or omit for project-only

Install command

npx skills add Nice-Wolf-Studio/claude-skills-threejs-ecs-ts

Invoke after install

Skill name: threejs-ecs-ts
Trigger phrases: "Three.js ECS", "entity component", "3D game architecture"

What it does

Combines Three.js rendering with Entity Component System (ECS) architecture patterns in TypeScript, providing a structured approach to managing complex interactive 3D scenes. ECS separates data (components) from logic (systems) and entities (IDs), enabling scalable scenes with many independent objects such as game characters, simulations, or interactive installations. Ideal when scene complexity exceeds what simple object hierarchies can manage cleanly.

When NOT to use

Simple Three.js scenes without architectural complexity — use cloudai-threejs instead
WebGPU-specific rendering features — use webgpu-claude-skill instead
Architecture/BIM 3D workflows — use threejs-claude-skill-package instead