threejs-claude-skill-package

name	threejs-claude-skill-package
description	24 deterministic Three.js skills covering WebGL, WebGPU, React Three Fiber, Drei, physics, and IFC (architecture/BIM workflows). Built by the Open AEC Foundation for architecture and engineering workflows on top of 3D web rendering.
triggers	["OpenAEC","Three.js BIM","IFC Three.js","React Three Fiber skills","threejs-claude-skill-package"]
das	{"category":"creative-3d","upstream":"https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package","version":"latest","install":false}

threejs-claude-skill-package

Catalogue stub — full package: OpenAEC-Foundation/Three.js-Claude-Skill-Package

Decision tree

1. Is the package already installed? Check: ~/.design-agent-skills/skills/threejs-claude-skill-package/SKILL.md exists.

   • Yes → invoke the relevant skill and proceed
   • No → go to step 2

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 OpenAEC-Foundation/Three.js-Claude-Skill-Package

Invoke after install

• Skill name: threejs-claude-skill-package
• Trigger phrases: "OpenAEC", "Three.js BIM", "IFC Three.js", "React Three Fiber skills"

What it does

Provides 24 deterministic Three.js skill modules maintained by the Open AEC (Architecture, Engineering, Construction) Foundation. Covers the full modern Three.js ecosystem: core WebGL, WebGPU renderer, React Three Fiber with Drei helpers, physics integration, and IFC file loading for BIM/architecture workflows. Each skill is scoped and deterministic — specify the exact domain and the right skill activates.

When NOT to use

• Non-architectural general 3D — use cloudai-threejs instead
• WebGPU-only shader work — use webgpu-claude-skill instead
• ECS game architecture — use threejs-ecs-ts instead