SuperAPI AI Directory

threejs-claude-skill-package

Design & creation

View repository

Updated 10-16 03:44

About this skill

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