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.