threejs-impl-ifc-viewer

Load and render IFC/BIM models in Three.js with streaming and property extraction.

11|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package --skill threejs-impl-ifc-viewer
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: threejs-impl-ifc-viewer
Source: https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package/tree/main/skills/source/threejs-impl/threejs-impl-ifc-viewer
Command: npx skills add https://github.com/OpenAEC-Foundation/Three.js-Claude-Skill-Package --skill threejs-impl-ifc-viewer

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Rendering and inspecting IFC/BIM data in Three.js without deprecated tools or licensing pitfalls is challenging. This Skill provides a practical, license-aware IFC viewer workflow that integrates web-ifc, @thatopen/components, and Three.js to enable scalable viewing, spatial hierarchy traversal, and property extraction for BIM analysis.

Core Features & Use Cases

  • IFC loading and rendering in a Three.js scene with streaming for large models
  • Spatial tree construction and traversal to reflect building hierarchy
  • Property extraction and reading IFC metadata for elements and relationships
  • License-aware usage, guiding you between MIT-licensed web-ifc and AGPL implications

Quick Start

Load an IFC file into a Three.js scene using the threejs-impl-ifc-viewer workflow and render it with streaming and property extraction enabled.

Frequently Asked Questions about threejs-impl-ifc-viewer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I load and render IFC models in Three.js?▼

To load and render IFC models in Three.js, use the web-ifc library and @thatopen/components to parse BIM data and stream large files directly into a Three.js scene with spatial hierarchy and property extraction enabled.

Why should I avoid deprecated web-ifc-three for BIM viewing?▼

You should avoid deprecated web-ifc-three because it introduces licensing pitfalls and lacks active support. Using MIT-licensed web-ifc with @thatopen/components provides a safer, license-aware workflow for rendering IFC files in Three.js.

What is the best way to stream large IFC files in a web browser?▼

The best way to stream large IFC files in a web browser is using the web-ifc library to enable streaming, which allows Three.js to load heavy BIM models efficiently while maintaining safe memory management and accessing property metadata.

Can I extract spatial hierarchy and properties from IFC data using Three.js?▼

Yes, you can extract spatial hierarchy and properties from IFC data in Three.js by using @thatopen/components to construct spatial trees that reflect the building hierarchy and read IFC metadata for elements and relationships.

Does web-ifc have licensing implications for commercial BIM applications?▼

web-ifc is MIT-licensed and safe for commercial BIM applications, but you must be aware of AGPL licensing implications when integrating related packages. This workflow guides you between MIT-licensed web-ifc and AGPL components to ensure compliance.

What are the limitations of using Three.js for IFC viewer applications?▼

Limitations of using Three.js for IFC viewer applications include managing memory safely when streaming large BIM files and navigating the licensing complexities of deprecated packages, requiring careful integration of web-ifc and @thatopen/components.