<Frame> component and an <img src="..." /> tag. Script-first APIs (HTTP, DI, events, custom Step / RuntimeSubsystem, session helpers, etc.) also include C# snippets earlier on the same page; inspector-heavy flows (VR steps, scoring assets, prefab wiring) keep the screenshot as the primary reference and add short Code sections only when useful.
Diagrams (Mermaid)
Architecture and flow diagrams use Mermaid fenced code blocks with themermaid language tag so they render in Mintlify without Draw.io or image exports. See Architecture, RuntimeManager, SequenceController, and the VR scenario/session pages. Edit the Mermaid source in MDX to update diagrams; refer to the Mermaid documentation and Mintlify Mermaid for syntax and options.
Option A — Mintlify dashboard
- Open your site in the Mintlify dashboard editor.
- Upload or paste a screenshot where the placeholder sits, or replace the image block entirely.
- If the dashboard emits a hosted URL, set that URL as the
srcon the<img>(or use the editor’s image tool so it rewrites the MDX for you).
Option B — Files in this repository
- Export PNGs from Unity (Inspector, Hierarchy, Scene, Game view — whatever matches the caption).
- Save them under
images/features/, using the same relative path as thesrcon that page (for exampleimages/features/core/runtime-manager-prefab.pngfor/images/features/core/runtime-manager-prefab.png). - Commit and push; Mintlify will publish static files from the repo.
Naming
Paths follow/images/features/{area}/{slug}.png so you can find assets quickly:
setup/— ScriptableObjects, build/XR settingscore/— RuntimeManager, sequences, HTTP assets, Localization, ColorID / ColorModulevr/— VR SDK: scenario, session, steps, interactions, tour, scoringshared/—_MolcaSDK/CodeUI and preloaddt/— Digital Twin SDK (_MolcaDT)
src on the corresponding page.