build-hybrid-game-assets

Plan and integrate hybrid asset pipelines for Three.js web games.

5.7k|685|Updated Feb 3, 2026
One-click install
npx skills add https://github.com/MengTo/Skills --skill build-hybrid-game-assets
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: build-hybrid-game-assets
Source: https://github.com/MengTo/Skills/tree/main/agent-skills/game-development/build-hybrid-game-assets
Command: npx skills add https://github.com/MengTo/Skills --skill build-hybrid-game-assets

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Game developers often force every reference image through image-to-3D reconstruction or pick the wrong asset representation, wasting budget and hurting runtime performance. This Skill provides a decision framework for choosing between imported meshes, procedural geometry, 2D media, and reference-only art.

Core Features & Use Cases

  • Asset Classification: Maps each game asset need (hero character, prop, UI icon, level mood) to the right representation, from rigged imported meshes to procedural Three.js geometry to generated 2D media.
  • Runtime Integration Guidance: Covers normalization of scale, pivots, materials, animation clips, sockets, colliders, and licensing before scene integration.
  • In-Game Verification: Requires checking camera distance, lighting, collision, mobile viewport, draw calls, triangles, and frame time in the actual game rather than an asset viewer.
  • Use Case: When building a Three.js game with a mix of characters, pickups, and UI art, use this Skill to decide which assets to import, which to generate procedurally, and which to keep as 2D media, then verify performance budgets in-engine.

Quick Start

Use the build-hybrid-game-assets skill to plan the asset pipeline for my Three.js game and classify each asset by representation type.

Frequently Asked Questions about build-hybrid-game-assets

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

FAQPage Schema
How do I choose between imported meshes and procedural geometry for game assets?

Use imported rigged meshes for hero characters and complex authored animations with verified licenses. Choose procedural Three.js geometry for weapons, pickups, and props when you need controllable silhouettes, sockets, collision, or code-driven variants.

When should I use image-to-3D reconstruction for game assets?

Use image-to-3D reconstruction only when the visible form in a reference image must itself become a code model, and state that the result is a reconstruction rather than extracted geometry. A single image cannot establish hidden geometry, so request multiple views first.

Can I use AI-generated images directly in a Three.js game?

Yes, generated 2D images work well for concept art, class portraits, inventory icons, cursors, backdrops, and menu treatments. Export them as transparent media at actual display density and never use raster art as fake 3D collision.

How do I verify game asset performance in Three.js?

Verify assets in the actual game, not an asset viewer, by checking real camera distance, lighting, readability, collision, and mobile viewport. Measure representative draw calls, triangle counts, texture counts, and frame time.

What are the limitations of using a single reference image for 3D assets?

A single image cannot establish hidden geometry, back faces, or accurate proportions. Generate a compact reference set with hero view, silhouette or side view, palette close-up, and usage context, or choose deliberate stylization instead.