# Threejs Claude Skill Package

> 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.

- Skill: `podo/threejs-claude-skill-package` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds add podo/threejs-claude-skill-package`
- Raw SKILL.md: https://api.skillmd.com/api/skills/podo/threejs-claude-skill-package/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: podo (https://skillmd.com/u/podo)
- Updated: 2026-09-09
- Page: https://skillmd.com/skills/podo/threejs-claude-skill-package

---


# threejs-claude-skill-package

> Catalogue stub — full package: [OpenAEC-Foundation/Three.js-Claude-Skill-Package](https://github.com/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

```bash
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