skill

3D Viewer Design

Public Made by Adom

by adom

Design rules for any Adom 3D viewport — always Babylon, 5-tier layering on the canonical viewer, v1.3 brightened gradient both ends (#5a6b7e → #2a3340, field-proven to keep black chips visible everywh

Overview Files Skills Discover Packages Releases Dependencies Issues Breadcrumbs Pull Requests Activity

Discover

How an AI finds this repo: the auto-discovery snippet from page.json, self-tested against the live discovery search.

Snippet

discovery_triggers
3d viewer3d viewportbabylon scenescene backgroundclearColorclear colorArcRotateCamerazoom to mousezoom to cursororbit centerrecenter rotationshift alt clickfusion 360 orbitonshape orbitviewcubeview cubeview presetsview preset anglesHDRIenvironmentSpecularbottom light toggleunder chipPBR materialbabylon vs threethree.js vs babylonadom 3d vieweradom babylon viewercanonical viewerGLB viewerSTEP viewercomponent viewerCAD background3d bg colormeasurement markeraxis helperaxes helperorigin axesshow originworld originmesh origincoordinate systemxyz gizmochip originfootprint originy-up z-uppivot sphererotation center visualizationblack chip invisiblePBR defaultPBRMaterialstandard material vs pbrextend vs roll your ownlayer on canonical viewerembed 3d viewerbasic3dview importviewer tierwhich 3d viewer tierfork vs extend viewerplugin hook 3d viewerroll your own 3d viewercnc coordinate conventionalpha beta view presetiso view angletop view alpha betaoperator facing +yDIY trap 3d viewerstep2glb preview viewerbrightened gradient v1.3
discovery_pitch

Design rules for any 3D viewport in Adom — always Babylon (never Three.js), 5-tier layering on the canonical Adom viewer, v1.3 brightened gradient both ends (#5a6b7e top → #2a3340 bottom — field-proven to keep black chips visible at every vertical position), PBR-default materials, HDRI + hemispheric lighting, zoom-to-mouse, Shift+Alt+Click orbit recentering with a teal pivot sphere visible during every drag-rotate, ViewCube, always-on world-origin axis helpers, and the Adom/CNC coordinate + view-preset convention.

tags
none
sample_prompts
BackgroundWhat's the best background color for a 3D viewer in Adom?
Babylon vs ThreeShould I use Babylon or Three.js for this 3D viewer?
Which tierI need a 3D viewer for my new app — embed, import Basic3dView, or roll my own?
Zoom to mouseSet up zoom-to-mouse on my Babylon ArcRotateCamera
Orbit recenterAdd Fusion 360 / Onshape style orbit-center recentering (Shift+Alt+Click) to my 3D viewer
Axis helpersAdd always-on world-origin axis helpers and toggleable mesh-local axes to my 3D viewer
View presetsSet up the canonical Adom/CNC view-preset angles (Top/Front/Iso) on my ArcRotateCamera
PCB bottom lightAdd a bottom-light toggle so I can see under chips on my PCB viewer

Sample prompts: self-test

Your own triggers, combined #1 of 156

How this repo ranks when its full trigger set is the query.

Each sample prompt run against the live discovery search. The score is your rank, does the prompt return this repo at the top?

"What's the best background color for a 3D viewer in Adom?"Background #1 of 156
1. adom/3d-viewer-design this repo score 22.00
3. adom/chip-fetcher-lite score 16.00
5. adom/adom-footprint score 15.00
"Should I use Babylon or Three.js for this 3D viewer?"Babylon vs Three #1 of 156
1. adom/3d-viewer-design this repo score 21.00
3. adom/adom-tsci score 15.00
4. adom/adom-chip-fetcher score 15.00
"I need a 3D viewer for my new app — embed, import Basic3dView, or roll my own?"Which tier #1 of 156
1. adom/3d-viewer-design this repo score 31.00
"Set up zoom-to-mouse on my Babylon ArcRotateCamera"Zoom to mouse #1 of 151
1. adom/3d-viewer-design this repo score 15.00
3. adom/adom-google score 12.00
4. adom/eda score 12.00
"Add Fusion 360 / Onshape style orbit-center recentering (Shift+Alt+Click) to my 3D viewer"Orbit recenter #2 of 147
2. adom/3d-viewer-design this repo score 18.00
4. adom/adom-footprint score 14.00
5. adom/adom-step score 14.00
"Add always-on world-origin axis helpers and toggleable mesh-local axes to my 3D viewer"Axis helpers #1 of 150
1. adom/3d-viewer-design this repo score 18.00
4. adom/adom-footprint score 12.00
5. adom/building-adom-apps score 12.00
"Set up the canonical Adom/CNC view-preset angles (Top/Front/Iso) on my ArcRotateCamera"View presets #1 of 153
1. adom/3d-viewer-design this repo score 19.00
3. adom/adom-google score 13.00
4. adom/eda score 13.00
"Add a bottom-light toggle so I can see under chips on my PCB viewer"PCB bottom light #1 of 156
1. adom/3d-viewer-design this repo score 25.00
3. adom/adom-chip-fetcher score 19.00
5. adom/altium score 19.00