Skip to content
Get packs

3D Virtual Tour Builder

Guides an agent to build guided, room-based 3D virtual tours with smooth camera paths and inspection modes.

Source Download skill
Repository
MengTo/Skills
Stars
7,187
Licence
MIT
Files
3 files

What it does

When installed, the agent gets detailed guidance for building interactive walkthroughs of 3D spaces such as buildings, showrooms, museums, or real-estate listings, typically with Three.js. It helps plan a guided camera route, room lists and floor-plan navigation, orbit inspection of a model, and smooth transitions between modes, while avoiding camera clipping through walls and keeping navigation controls accessible. It is a set of design and implementation instructions rather than a finished tour.

Great for

  • Front-end developers building architectural walkthroughs or real-estate 3D tours in Three.js
  • Designers or teams planning how a 3D space should be navigated before implementation
  • Developers who need accessible room lists, floor-plan links, and touch handling for web 3D viewers

Skip it if

  • People who only want a simple 360-degree photo viewer; the skill's own guidance says panorama-only sources should use linked viewpoints instead
  • Non-technical users wanting a finished tour without coding, since the output is implementation work that needs a developer to run and check
  • Free-walk games or products with real collision requirements, which the skill says must be added deliberately and checked carefully

Try asking

  • “Build a guided camera tour through my three-floor office model in Three.js with room buttons and a floor plan”
  • “Add an orbit inspect mode to this showroom viewer that returns the camera to the previous route stop when closed”
  • “Make the room list keyboard accessible and stop touch gestures from blocking page scrolling in my 3D tour”
Step-by-step guide: how to use 3D Virtual Tour BuilderInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 3 original files, the MIT licence and an attribution note.

    3d-virtual-tour.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip 3d-virtual-tour.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip 3d-virtual-tour.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Give the agent your scene files, coordinate system, and floor heights so route keys can be placed correctly around doorways
  • Ask for the navigation state machine and transition handling first, since the skill emphasises one controller owning the camera
  • Test the full interpolated path for wall and doorframe clipping before accepting the route

What's inside

  • agents/openai.yaml
  • REFERENCES.md
  • SKILL.md

Redistributed unmodified from MengTo/Skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.