thatopen-impl-highlighting

Enable element highlighting, selection, and outline rendering in a ThatOpen BIM viewer.

17|1|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/OpenAEC-Foundation/ThatOpen-Claude-Skill-Package --skill thatopen-impl-highlighting
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: thatopen-impl-highlighting
Source: https://github.com/OpenAEC-Foundation/ThatOpen-Claude-Skill-Package/tree/main/skills/source/thatopen-impl/thatopen-impl-highlighting
Command: npx skills add https://github.com/OpenAEC-Foundation/ThatOpen-Claude-Skill-Package --skill thatopen-impl-highlighting

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill enables robust element highlighting, selection, and outline functionality in a ThatOpen BIM viewer, providing a consistent UX for interacting with models.

Core Features & Use Cases

  • Highlighter for click-based selection with customizable styles.
  • Hoverer for hover-based feedback and subtle animations.
  • Outliner for post-processing outlines synchronized with selection.
  • Mesher to convert fragment selections into standard THREE.Mesh objects for custom rendering or export.
  • FastModelPicker for GPU-based element picking as an optional alternative to raycasting.
  • Supports multi-select, zoom-to-selection, and per-style filtering.
  • Integrates with the viewer world and PostproductionRenderer when outlining.

Quick Start

Set up the viewer world, then initialize the Highlighter and related components to start interactive highlighting.

Frequently Asked Questions about thatopen-impl-highlighting

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

FAQPage Schema
How do I add element highlighting and selection feedback in a ThatOpen BIM viewer?

To add element highlighting in a ThatOpen BIM viewer, you initialize the Highlighter for click-based selection and the Hoverer for hover feedback. This provides a consistent interactive UX for selecting and visualizing model elements.

What is the best way to render selection outlines in a ThatOpen viewer?

The best way to render selection outlines is by using the Outliner component with the PostproductionRenderer. This synchronizes post-processing outlines directly with your active element selections for clear visual feedback.

Can I use GPU-based picking instead of raycasting for ThatOpen models?

Yes, you can use GPU-based element picking as an alternative to raycasting by implementing the FastModelPicker API. This provides a fast-model-picker mechanism for selecting elements within the ThatOpen viewer engine.

How do I convert selected fragments into THREE.Mesh objects for custom rendering?

You can convert fragment selections into standard THREE.Mesh objects by using the Mesher API. This enables custom rendering workflows or model exports directly from your current ThatOpen viewer selection.

Does element highlighting support multi-select and zoom-to-selection workflows?

Yes, the highlighting implementation supports multi-select workflows, zoom-to-selection actions, and per-style filtering. These features integrate directly with the viewer world setup to manage multiple highlighted elements.

Why do I need the PostproductionRenderer for outlining in a ThatOpen viewer?

The PostproductionRenderer is required for outlining because the Outliner relies on post-processing effects to render synchronized outlines. Without it, the viewer cannot generate the visual outline strokes around selected elements.