asset-preview

Preview GLB, GLTF, and FBX 3D models in a browser with Three.js.

Updated Mar 3, 2026
One-click install
npx skills add https://github.com/donghyun-bagelcode/2026-ai-jam --skill asset-preview
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: asset-preview
Source: https://github.com/donghyun-bagelcode/2026-ai-jam/tree/main/.gemini/skills/asset-preview
Command: npx skills add https://github.com/donghyun-bagelcode/2026-ai-jam --skill asset-preview

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Preview 3D assets during asset pipelines by providing a lightweight in-browser viewer to inspect GLB/GLTF/FBX models before rigging, animation, or game integration.

Core Features & Use Cases

  • Preview GLB/GLTF/FBX models directly in the browser with a minimal Three.js viewer.
  • Inspect rigging, animations, and scale to validate assets before export.
  • Use Case: A modeler uploads a 3D asset and the team quickly verifies geometry, bones, and animations prior to importing into the game engine.

Quick Start

Load a model URL (e.g., /assets/models/knight.glb) into the viewer to preview it in the browser.

Frequently Asked Questions about asset-preview

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I preview 3D models in a browser before game integration?

To preview 3D models in a browser before game integration, load a model URL into a lightweight Three.js viewer to inspect geometry, bones, and animations directly.

Can I inspect rigging and animations for GLB or FBX files in a web viewer?

Yes, you can inspect rigging and animations for GLB, GLTF, or FBX files in a web viewer using an optional skeleton overlay to validate assets before export.

Does the Three.js viewer support loading GLTF and FBX file formats?

The Three.js viewer supports loading GLB, GLTF, and FBX file formats, allowing you to quickly verify models through a URL parameter model path with fallback messaging.

How do I validate 3D asset scale and geometry prior to rigging?

To validate 3D asset scale and geometry prior to rigging, use basic controls in an in-browser viewer to inspect the model and ensure it meets pipeline requirements.

What happens if a 3D model fails to load during an in-browser preview?

If a 3D model fails to load during an in-browser preview, the viewer provides fallback messaging to indicate the issue, ensuring you know the asset path is invalid.