Production-ready Claude Code skills for building web-based BIM applications with ThatOpen Engine 3.3.x
A collection of 18 deterministic skills that give Claude Code deep knowledge of the ThatOpen BIM engine ecosystem. Each skill contains verified API patterns, working code examples, and documented anti-patterns — all sourced from the official ThatOpen repositories.
Add these skills to your Claude Code project:
# Clone into your project's .claude/skills/ directory
git clone https://github.com/OpenAEC-Foundation/ThatOpen-Claude-Skill-Package.git .claude/skills/thatopenOr add as a git submodule:
git submodule add https://github.com/OpenAEC-Foundation/ThatOpen-Claude-Skill-Package.git .claude/skills/thatopen| Skill | What it covers |
|---|---|
thatopen-core-architecture |
Component system, lifecycle interfaces, World system, Event system |
thatopen-core-web-ifc |
web-ifc WASM engine, IFC parsing, geometry extraction |
thatopen-core-fragments |
Fragment binary format, FragmentsManager, Web Workers |
| Skill | What it covers |
|---|---|
thatopen-syntax-components |
components.get() singleton pattern, custom components |
thatopen-syntax-ifc-loading |
IfcLoader, WASM configuration, IfcImporter |
thatopen-syntax-properties |
Classifier, property queries, spatial structure |
thatopen-syntax-ui |
@thatopen/ui web components, CSS theming |
| Skill | What it covers |
|---|---|
thatopen-impl-viewer |
Complete viewer setup with PostproductionRenderer |
thatopen-impl-navigation |
Camera modes (Orbit, FirstPerson, Plan), projection |
thatopen-impl-highlighting |
Highlighter, Hoverer, Outliner, Mesher, FastModelPicker |
thatopen-impl-measurements |
Length, Area, Volume, Angle measurements with snapping |
thatopen-impl-clipping-plans |
Clipper, ClipStyler, floor plans, cross-sections |
thatopen-impl-bcf |
BCF v2.1/v3.0 issue tracking, viewpoints |
thatopen-impl-federation |
Multi-model loading, coordinate alignment, visibility |
| Skill | What it covers |
|---|---|
thatopen-errors-loading |
WASM failures, IFC parse errors, version mismatches |
thatopen-errors-performance |
Memory leaks, disposal patterns, large model strategies |
| Skill | What it covers |
|---|---|
thatopen-agents-viewer-builder |
Scaffold a complete BIM viewer from scratch |
thatopen-agents-model-analyzer |
Analyze IFC model contents and generate reports |
| Package | Version |
|---|---|
@thatopen/components |
3.3.x |
@thatopen/components-front |
3.3.x |
@thatopen/fragments |
3.3.x |
web-ifc |
0.0.77+ |
@thatopen/ui |
3.3.x |
three |
>= 0.175 |
Each skill follows a consistent structure:
skills/source/thatopen-{category}/thatopen-{category}-{topic}/
SKILL.md # Main skill file (<500 lines)
references/
methods.md # Complete API signatures
examples.md # Working code examples
anti-patterns.md # What NOT to do (with fixes)
- Source-verified: All API patterns traced to official ThatOpen repositories
- Deterministic language: ALWAYS/NEVER rules, not vague suggestions
- Version-pinned: Targets specific package versions with migration notes
- Error-aware: Every skill includes failure modes and recovery patterns
- Copy-pasteable examples: Complete, runnable code with imports
ThatOpen-Claude-Skill-Package/
CLAUDE.md # Project configuration
INDEX.md # Complete skill catalog with dependency graph
ROADMAP.md # Development status
REQUIREMENTS.md # Quality requirements
DECISIONS.md # Architectural decisions
LESSONS.md # Lessons learned
SOURCES.md # Verified source URLs
skills/source/ # All 18 skills (72 files)
docs/research/ # Deep research (vooronderzoek)
docs/masterplan/ # Execution plan
This skill package is maintained by the OpenAEC Foundation. Contributions welcome — please ensure all API references are verified against official ThatOpen sources.
MIT License - see LICENSE for details.
Cross-Tech AEC Integration Skills — 15 skills for technology boundaries
| Skill | Boundary | What it adds |
|---|---|---|
crosstech-impl-ifc-to-webifc |
IfcOpenShell ↔ web-ifc | Server-side vs browser-side IFC processing |
crosstech-impl-ifc-to-threejs |
IFC ↔ Three.js | @thatopen/components integration |
crosstech-impl-bim-web-viewer |
BIM ↔ Web browser | Full BIM viewer pipeline with ThatOpen components |
crosstech-core-ifc-schema-bridge |
IFC ↔ All formats | How web-ifc property access differs from IfcOpenShell |
Built with the Skill Package Workflow Template methodology.