What do I need to use Explorer Viewer Builder?

The GLB file; The parts list; Palette and layout values; Title; Hosting.

Is Explorer Viewer Builder free to use?

Yes — run it free in the browser playground (no API key needed for the sponsored trial, or bring any provider key), or install it into Claude Code, Cursor, ChatGPT and more via npx pm-claude-skills. MIT-licensed and open source.

Explorer Viewer Builder

Q: How do I know the Explorer Viewer Builder output is good?

The skill verifies itself against its own quality checks: The output is a single HTML file with no build step; Every entry in CONFIG.parts has a label, a description and a source; Every parts-list mesh name is checked against the GLB, with mismatches listed; Parts can be selected from the keyboard through the parts list.

🔵 Stable🕐 updated 2026-10-18 ✅ 2.5/5 🔷 SkillSpec L3 pm-3d-explorer

Use when asked to build a 3D viewer for a GLB model, make an interactive explorer with clickable labelled parts, add an exploded view or quiz to a 3D model, or turn a parts list into a web page. Produces a single-file Three.js viewer that loads GLB models, with orbit controls, clickable labelled parts, an exploded view toggle and a quiz mode, built from the tested template in references/viewer-template.html. Third step of explorer-pipeline.

▶ Run it free — no key needed 📝 Grade your existing draft 📱 Use as an app View SKILL.md ↗ What changed

🗣 Say this to your agent

“Build a viewer for heart.glb with clickable labelled parts and a quiz.”“Turn this parts list into a single-file Three.js explorer.”“Add an exploded view and quiz mode to my 3D model page.”“Make a GLB viewer that works on phones, no build step.”

What to give it

▸The GLB file — (path or URL), or confirmation to start with the template's demo assembly

▸The parts list — mesh name, label, description and source for each part (from model-prompt-pack)

▸Palette and layout values — (from explorer-interface-brief), or accept the template defaults

▸Title — and the illustrative statement

▸Hosting — GitHub Pages, a static host, or opening the file locally (GLB files need a local server; browsers block `file://` loading)

✅ The bar it holds itself to

Every skill in this library self-verifies — these are this skill's own quality checks, straight from its definition.

✓The output is a single HTML file with no build step

✓Every entry in CONFIG.parts has a label, a description and a source

✓Every parts-list mesh name is checked against the GLB, with mismatches listed

✓Parts can be selected from the keyboard through the parts list

✓Exploded view and quiz mode both work and can be turned off

✓The illustrative statement is visible on the page

✓The page works at 390 px width and in dark mode with no console errors

✓Three.js is loaded from a pinned version, not "latest"

⚠️ What it refuses to do

**Opening the HTML by double-clicking with a local GLB.** Browsers block it; use a local server.

**Labels without sources.** The viewer shows the source line for a reason; never leave it blank.

**Selecting on pointer down.** Every rotation then selects a part; select on a click without movement.

**Unpinned CDN versions.** A Three.js update can break the page overnight.

Install

npx pm-claude-skills add --agent claude   # or codex · cursor · gemini · hermes
# or one-line MCP (every skill, any client):
claude mcp add pm-skills -- npx -y -p pm-claude-skills pm-claude-skills-mcp

Related skills

🔌 Embed this skill

Drop this on your blog, docs, or site — it renders a "Run this skill" card:

<div data-pm-skill="explorer-viewer-builder"></div>
<script src="https://mohitagw15856.github.io/pm-claude-skills/embed.js" async></script>

💬 Discussion

Explorer Viewer Builder is one of 1307 open-source professional AI agent skills — all SkillSpec L3. Try them all in the browser · ⭐ Star on GitHub · Browse the full catalog