thatopen-syntax-ui
OfficialBuild BIM UIs with ThatOpen UI patterns.
AuthorOpenAEC-Foundation
Version1.0.0
Installs0
System Documentation
What problem does it solve?
ThatOpen UI syntax provides a clear guide for building BIM interfaces with the ThatOpen UI library, ensuring consistent initialization, usage patterns, and engine integration.
Core Features & Use Cases
- UI composition patterns: panels, toolbars, grids, and BIM components wired to engine state via ui-obc.
- Initialization discipline: enforces BUI.Manager.init() before any bim-* usage.
- Theming and interoperability: CSS custom properties and interop with @thatopen/ui-obc for dynamic styling and data binding.
Use Case: A frontend developer builds a BIM viewer UI with a toolbar, panel, and viewport, then connects to engine components using the ui-obc factories.
Quick Start
Run a minimal setup by initializing the UI manager, then instantiate a bim-grid with a bim-toolbar and a bim-panel, wiring them to engine components.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: thatopen-syntax-ui Download link: https://github.com/OpenAEC-Foundation/ThatOpen-Claude-Skill-Package/archive/main.zip#thatopen-syntax-ui Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.