mcpField
T
threejs-claude-skill-package

threejs-claude-skill-package

github.com/podoDevelopment29164 installsUpdated 1d ago
Repository

About threejs-claude-skill-package

A Claude skill package for architecture, engineering, and construction workflows using Three.js. It provides 24 focused modules spanning rendering, React Three Fiber, physics, and IFC loading.

Key features

  1. 0124 deterministic Three.js skill modules
  2. 02WebGL and WebGPU rendering
  3. 03React Three Fiber and Drei support
  4. 04Physics integration
  5. 05IFC loading for BIM workflows

Use cases

  1. 01Building BIM viewers that load IFC files
  2. 02Developing architecture-focused 3D applications
  3. 03Choosing Three.js skills for a specific domain

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/podo/design-agent-skills --skill threejs-claude-skill-package

After installing, type/threejs-claude-skill-packagein Claude Code to confirm it loaded.

Bundled filesstub.yaml

Details

From the project README

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

Comments

Markdown supported