APP v0.1.0

adom-quicklook

Generic file-preview viewer. `quicklook view <path-or-url>` opens .glb files in the canonical adom-inc/3d-viewer or .svg files in a brand-compliant zoom/pan preview, both in a Hydrogen webview tab. Replaces the legacy Basic3dView. Click any file path in the title HUD to reveal in VS Code Explorer.

โšก Install this app

Paste this into Claude Code (VS Code panel, Adom editor, or terminal) to install:

I want to install the "adom-quicklook" app from the Adom Wiki (https://wiki-ufypy5dpx93o.adom.cloud/wiki/apps/adom-quicklook). For the Docker CLI: curl -fsSL https://wiki-ufypy5dpx93o.adom.cloud/static/apps/adom-quicklook/adom-quicklook -o /tmp/adom-quicklook && chmod +x /tmp/adom-quicklook && sudo install -m 0755 /tmp/adom-quicklook /usr/local/bin/adom-quicklook && adom-quicklook install Then verify the install works.

Download v0.1.0

โŠž Windows coming soon
macOS coming soon
๐Ÿง Linux coming soon
๐Ÿณ Adom Docker CLI adom-quicklook ยท

See all releases on GitHub

adom-quicklook

Generic file-preview viewer for the Adom ecosystem. quicklook view <path-or-url> opens any supported file in a brand-compliant Hydrogen webview tab. Routing is by extension:

ExtensionModeWhat you get
.glbBabylon 3D sceneFull canonical adom-inc/3d-viewer โ€” orbit, ViewCube, gradient bg, ground+shadow, axis helper at origin, bottom-light toggle
.svgZoom/pan previewWheel-zoom-to-cursor, drag-pan, fit/1ร—/zoom toolbar, intrinsic-dimension info bar, checkerboard for transparent SVGs

Replaces the legacy Basic3dView (which lived in the deprecated Adom Viewer).

Two-second install

Paste into Claude Code on any Adom container:

Install adom-quicklook from the wiki:
  curl -fsSL https://wiki-ufypy5dpx93o.adom.cloud/static/apps/adom-quicklook/adom-quicklook \
    -o /tmp/adom-quicklook && chmod +x /tmp/adom-quicklook \
    && sudo install -m 0755 /tmp/adom-quicklook /usr/local/bin/adom-quicklook \
    && adom-quicklook install
Then verify: adom-quicklook health

Common Claude prompts

Show me /tmp/board.glb in adom-quicklook.

Pull the SOIC-8 chip 3D model from service-kicad and open it in adom-quicklook.

Fetch the Device:R symbol SVG from service-kicad and preview it.

I have an SVG at ~/project/symbols/foo.svg โ€” open it.

Convert /tmp/part.step to GLB and view it.

Claude wires those to:

adom-quicklook view /tmp/board.glb

service-kicad model fetch Package_SO.3dshapes/SOIC-8_3.9x4.9mm_P1.27mm.step --out /tmp/soic8.step \
  && step2glb convert /tmp/soic8.step --out /tmp/soic8.glb \
  && adom-quicklook view /tmp/soic8.glb --kicad

curl -fsSL https://kicad-rk5ue5pcfemi.adom.cloud/sym/export/svg/Device/R \
  -o /tmp/device-R.svg \
  && adom-quicklook view /tmp/device-R.svg

What's in each mode

GLB mode (3D)

  • Brand-compliant UI โ€” body gradient #5a6b7e โ†’ #2a3340, dark theme, Familjen Grotesk + Satoshi + JetBrains Mono fonts, monochrome icon, Adom teal accent.
  • Orbit camera with smart auto-framing on load. Inherits zoom-to-mouse, soft limits, and the ViewCube from the canonical viewer.
  • Default-on toggles โ€” Axes (RGB world-origin gizmo at 0,0,0), Ground (soft contact-shadow plane). Default-off Bottom-light (boost hemispheric groundColor for under-chip inspection).
  • Y-up โ†’ Z-up canonical transform applied automatically (--kicad opt-out for KiCad-pre-oriented GLBs).
  • Compliant with gallia/skills/3d-viewer-design ยง3b, ยง4b, ยง4d, ยง8 โ€” see commit history for the audit chase.

SVG mode (2D)

  • Zoom-to-cursor with the mouse wheel (same UX as the 3D viewer's ยง6a rule).
  • Drag to pan, Fit-to-viewport / 1ร— / ยฑ buttons in the toolbar.
  • Live zoom readout in the toolbar.
  • Checkerboard background through the SVG's transparent regions so partial-fill artwork reads clearly. Soft drop-shadow lifts colored / white SVGs off the gradient.
  • Intrinsic dimensions in the info bar (width ร— height from the SVG's attributes or viewBox).
  • Useful for KiCad symbol/footprint exports, datasheet figures, board renders, brand assets.

Clickable file path โ†’ reveal in VS Code

Title HUD shows the source path as a clickable link in both modes. Click โ†’ Adom container shells adom-vscode reveal <path> โ†’ VS Code's Explorer sidebar focuses the file. Per gallia/skills/human-ui-patterns ยง5b.

If the file is outside $HOME/project/ (VS Code's workspace), the toast says so and tells you where to move it. If your local server has been killed but the tab is still open, the toast says "Server unreachable โ€” restart adom-quicklook" instead of throwing a SyntaxError.

Subcommands

adom-quicklook view <source> [--title TITLE] [--port PORT] [--kicad]
adom-quicklook health
adom-quicklook config
adom-quicklook install
adom-quicklook completions <bash|zsh|fish>

<source> is either a local file path or an https:// URL. URL sources are downloaded once to /tmp/adom-quicklook-<stem>.<ext> and served from there (which means they'll be flagged as outside-workspace by reveal โ€” by design; you'd normally save the file into ~/project/... if you want explorer reveal).

How it works

adom-quicklook view <source>:

  1. Resolves the source โ†’ local file on disk. Detects Kind::Glb or Kind::Svg from the extension.
  2. Starts a tiny tiny_http server on a free port. Routes:
    • / โ€” the host page (GLB or SVG template, picked by kind).
    • /favicon.svg
    • /model.glb (GLB mode) or /image.svg (SVG mode).
    • /viewer/adom-3d-viewer.min.js โ€” the vendored Adom3DViewer bundle (GLB mode).
    • /api/manifest โ€” {title, source, localPath, kind, contentUrl, ...}.
    • /api/reveal (POST) โ€” shells to adom-vscode reveal with workspace-boundary check.
  3. Opens a Hydrogen webview tab via adom-cli on a non-VS-Code pane.

When to use vs other 3D paths

ToolUse when
adom-quicklook"I just want to see what this file looks like" โ€” fastest spin-up, generic, brand-chrome consistent across GLB and SVG.
adom-chipfitValidating a chip GLB against a KiCad footprint.
adom-tsciTscircuit board preview with first-class 3D / PCB / Schematic tabs.
step2glb previewSpecifically converting STEP โ†’ GLB and looking at the result.
Blender / FreeCAD / VS Code SVG extHeavier inspection, mesh editing, file-format work.

Troubleshooting

ExitMeaning
0success
1input file invalid or not found
2service unreachable (rare โ€” only the install fetch)
4tab couldn't be opened (no non-VS-Code pane available)

If adom-quicklook view reports (warning) could not open Hydrogen tab: โ€ฆ, the local server is still running and the proxy URL is printed; you can open it in any browser tab to verify the file loads. The most common cause is "every pane in the workspace currently hosts VS Code" โ€” split first, then re-run.

Repo

adom-inc/adom-quicklook (private). Build from source: bash build.sh (clones vendor/3d-viewer, builds the standalone bundle, cargo build --release).

ADOM
adom-quicklook 29 days ago
adom-quicklook v0.1.0 โ€” generic file-preview viewer (.glb / .svg). Includes audit fixes ยง3b/ยง4b/ยง4d/ยง8 + measure tool ยง9 + HTTP toggle endpoint ยง10 + CLI `toggle` subcommand for AI drivability.
15.4 MB

Install notes

Adom Docker CLI install steps
curl -fsSL https://wiki-ufypy5dpx93o.adom.cloud/static/apps/adom-quicklook/adom-quicklook -o /tmp/adom-quicklook && chmod +x /tmp/adom-quicklook && sudo install -m 0755 /tmp/adom-quicklook /usr/local/bin/adom-quicklook && adom-quicklook install

Sub-Skills
?
What are Sub-Skills?

Sub-skills are community-contributed AI skill extensions for this component. They teach AI assistants about specific tools, configurators, or workflows.

Examples:

  • A manufacturer’s configuration tool for a motor controller
  • A community-written design guide for an amplifier circuit
  • An automated test/validation script for a sensor module

How to add one: Click Add Sub-Skill, provide the URL to your skill and a brief description. Submissions are reviewed by the Adom team before going live.

No sub-skills yet. Be the first to contribute one!

๐Ÿ”Ž How Claude finds this page (discovery snippet)

This page opts into Adom Wiki auto-discovery. When a user working in Claude Code mentions any of the trigger phrases below, Claude can proactively suggest this page. The pitch is exactly what Claude will say.

Pitch
"Generic file-preview viewer โ€” drop a GLB or SVG in, get a brand-compliant Hydrogen webview tab. Replaces the legacy Basic3dView. Vendors adom-inc/3d-viewer for GLBs, ships a zoom/pan SVG mode. Clickable file paths reveal in VS Code Explorer."
Triggers
"adom-quicklook", "quicklook", "show this glb", "preview glb", "open glb", "view glb", "view 3d model", "preview 3d model", "show this svg", "preview svg", "open svg", "view svg", "render svg", "kicad symbol preview", "kicad footprint preview", "basic 3d view", "Basic3dView", "render glb", "drop glb", "look at this part", "look at this chip", "look at this symbol", "verify glb", "show me the model", "show me the symbol", "display 3d", "show in 3d viewer"