skills.rest
PlayableIntelligence
PlayableIntelligenceOFFICIAL
Explore all skills by this author →
GitHub

add-3d-assets

Replace primitive 3D shapes with animated GLB models in Three.js games.

307|37|Updated Jan 28, 2026
Search Tags:#animation#generate#three.js#glb#3d-models#rigging#asset-integration
One-click install
npx skills add https://github.com/PlayableIntelligence/game-creator --skill add-3d-assets
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: add-3d-assets
Source: https://github.com/PlayableIntelligence/game-creator/tree/main/skills/add-3d-assets
Command: npx skills add https://github.com/PlayableIntelligence/game-creator --skill add-3d-assets

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Replacing primitive 3D shapes with real GLB models dramatically improves the visual quality of Three.js games while streamlining asset integration and deployment.

Core Features & Use Cases

  • Animated characters and world props replacement with GLB assets
  • Meshy AI-driven generation and rigging (fallback to library models) and integration into the game scene
  • Asset pipeline integration updates (AssetLoader, CHARACTER configuration, OrbitControls camera, and model loading)

Quick Start

Run /add-3d-assets examples/space-explorer to generate and integrate animated GLB models into your Three.js game.

Frequently Asked Questions about add-3d-assets

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

FAQPage Schema
How do I replace primitive shapes with real GLB models in Three.js?▼

Yes, you can integrate animated characters into Three.js games by loading rigged GLB assets and using SkeletonUtils.clone to duplicate them at runtime. This requires updating your AssetLoader.js and adjusting camera controls to support animated GLB integration.

Does this asset integration workflow support Meshy AI for 3D model generation?▼

Yes, the asset integration workflow supports Meshy AI for 3D model generation and rigging. If Meshy AI is unavailable, it falls back to library models to ensure your Three.js game still receives animated GLB assets for characters and props.

What do I need to update in my Three.js project to load animated GLB files?▼

To load animated GLB files, you need to update your AssetLoader.js, character configuration constants, and OrbitControls camera. These updates ensure your Three.js scene correctly imports, rigs, and renders the animated 3D models.

Can I use GLB models for buildings and scenery in Three.js games?▼

Yes, you can use GLB models for buildings, scenery, and world props in Three.js games. The asset integration process handles replacing primitive 3D shapes across asset creation, rigging, and runtime rendering workflows to elevate your game's environment.

Why does Three.js fail to animate cloned GLB characters at runtime?▼

Three.js fails to animate cloned GLB characters if you do not use SkeletonUtils.clone for duplication. Properly cloning the skeleton structure is required to maintain rigging data and execute animations correctly during runtime rendering.

Related Skills

Explore More Software Engineering Skills→
jay6697117jay6697117

threejs-interaction

Handle pointer and touch input in Three.js scenes with raycasting and OrbitControls.

Community
Intermediate
norrbackanorrbacka

threejs-animation

Create and manage Three.js animation systems for GLTF characters and clips.

Community
Intermediate
dschonholtzdschonholtz

meshy-3d

Automate the Meshy.ai 3D pipeline from listing models to exporting GLB files.

Community
Intermediate
tadams95tadams95
1

r3f-loaders

Load GLTF/GLB assets in React Three Fiber with useGLTF and Suspense.

Community
Intermediate