Reveal 3d

Copies a bundled Cognite Reveal 3D CAD viewer into your Flows app as local source code, so you can render CDF models in React without wrestling with Vite worker configs yourself. It handles the full integration: dependencies, polyfills, provider wiring, and FDM asset linkage through Core DM. The workflow is opinionated but complete: inspect the app structure, copy files into a feature folder, apply the Vite tweaks, then choose between model browser or direct IDs. Worth using if you need interactive 3D in a Flows app and want the plumbing done right. Skip it for static diagrams or custom Three.js scenes.

skills.sh installs: 1.9K
GitHub stars: 6
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add cognitedata/builder-skills --skill reveal-3d --agent claude-code

Installs into .claude/skills of the current project.

Files

Reveal 3D Viewer

Add a Cognite Reveal 3D viewer to a Flows app using the published @cognite/reveal-widget npm package. Renders CAD models, point clouds, 360° image collections, and CDF scenes from CDF, with model browsing or direct model/revision IDs, and can pin HTML elements (markers, labels, notifications) to 3D positions via controller.htmlOverlays.

DM instance to visualize: $ARGUMENTS

Use This When

The user wants to embed an interactive Cognite Reveal viewer for CDF 3D content in a Flows app.

Do not use this skill for static diagrams, graph visualizations, or unrelated custom Three.js scenes.

Do not use the deprecated app-local "copy the bundle" approach — that pattern (a src/features/reveal-3d/ folder of copied provider/hook source) is replaced by installing @cognite/reveal-widget directly. If an app still has a copied bundle from a prior integration, migrate it to this package rather than extending it.