AutoGineer
Generated banner for Build Hybrid Game Assets
Generated logo for Build Hybrid Game Assets

Build Hybrid Game Assets

Meng ToCommunityCreated by Meng To

  • Skill
  • Workflow
  • Design and creative
  • MIT
  • No issues found
Download ZIP

From the author

Plan, create, integrate, or audit a hybrid asset pipeline for a Three.js or web game. Use when choosing among imported meshes, procedural 3D geometry, AI-generated reference art, 2D UI media, sprites, VFX, and performance-ready runtime asset delivery.
— the description by Meng To

AutoGineer summary

Written by AutoGineer from the skill’s own files, not by the author

This skill provides a systematic approach to managing game assets by classifying them based on their functional needs. It guides developers through selecting the appropriate representation—whether imported meshes, procedural geometry, or 2D media—to balance gameplay requirements, visual fidelity, and runtime performance. The workflow emphasizes verifying assets within the actual game environment rather than isolated viewers and mandates strict provenance tracking for all game content.

What it does

  • Classifies assets based on their specific gameplay and visual requirements.
  • Provides guidelines for choosing between imported meshes and procedural Three.js geometry.
  • Outlines best practices for integrating 2D UI media and reference art.
  • Defines a process for normalizing imported assets for scene integration.
  • Establishes performance verification steps within the game environment.
  • Requires documentation of asset provenance and licensing.

When to use it

  • When planning the asset pipeline for a new Three.js or web-based game.
  • When deciding whether to use procedural generation or static imported meshes for game objects.
  • When integrating AI-generated reference art into a production workflow.
  • When auditing an existing asset pipeline for performance or consistency issues.

Advantages

  • Balances visual quality with runtime performance constraints.
  • Promotes consistent asset scaling and coordinate systems.
  • Reduces technical debt by separating asset identifiers from runtime state.
  • Ensures assets are tested in the context of actual game lighting and camera distances.

Usage examples

“Help me plan the asset pipeline for a new weapon system in my Three.js game.”
The agent will guide you to classify the weapon as procedural geometry if you need code-driven variants, or an imported mesh if it requires complex animation, while defining necessary sockets and collision.
“How should I integrate a new character model into my web game?”
The agent will provide a checklist to normalize the mesh, verify its scale and pivot, check animation clips, and ensure the license is tracked before scene integration.

Install

  1. Download the skill as a ZIP:

    https://autogineer.com/agent-skills/mengto/build-hybrid-game-assets/download

  2. Unzip it into the cross-client skills folder of your project:

    mkdir -p .agents/skills && unzip build-hybrid-game-assets.zip -d .agents/skills

Documentation by Meng To

Build Hybrid Game Assets

Choose the asset representation that best serves gameplay, readability, iteration speed, and runtime budget. Do not force every reference image through image-to-3D reconstruction.

Classify the asset before making it

NeedPreferred representation
Hero character or complex authored animationImported rigged mesh, with verified license and scale
Weapon, relic, pickup, creature variant, architecture, or interaction propProcedural Three.js geometry when controllable silhouette, sockets, collision, or code-driven variants matter
Concept, class portrait, inventory icon, cursor, backdrop, or menu treatmentGenerated or authored 2D image/video used directly as UI media
Level mood, composition, or spacing referenceConcept image used as visual guidance; author the actual playable level separately
Reference image whose visible form itself must become a code modelUse img2threejs with its quality gates and state the result is a reconstruction, not extracted geometry

Create image-first work accurately

Generate a compact reference set: hero view, silhouette/side view when geometry matters, palette/material close-up, and usage context. Define camera distance, scale, pivot, collision, attachment sockets, animation needs, and budget before implementation. A single image cannot establish hidden geometry; request more views or select deliberate stylization.

Build the runtime asset

  • For imported meshes, normalize coordinate system, scale, pivot, materials, animation clips, and ownership/license before scene integration.

  • For procedural geometry, expose a factory with named parts, stable sockets, deterministic variation, collider guidance, and reusable materials.

  • For 2D assets, export transparent media at the actual display density; provide alt text/labels where user-facing and avoid using raster art as fake 3D collision.

  • Keep authored content identifiers separate from runtime state. Do not duplicate item, material, or gameplay facts in UI code.

Verify in the game, not the asset viewer

Check the real camera distance, lighting, readability, collision/contact, animation, mobile viewport, and performance. Measure representative draw calls, triangles, texture count, and frame time. Keep visuals original: use references for visual grammar, then create new identity, geometry, and media.

Record provenance

Track whether each runtime asset is imported, procedural, generated 2D, or reference-only, together with source/license and generation input where applicable. Do not claim an image-to-model pipeline unless source and runtime code actually demonstrate one.

Files

ATTRIBUTION.md

Attribution

This folder is an unmodified copy of the Agent Skill "build-hybrid-game-assets", distributed by AutoGineer (https://autogineer.com/agent-skills).

The skill's own files are unmodified copies. AutoGineer is not affiliated with or endorsed by the author or the publisher.

Files added by AutoGineer

  • ATTRIBUTION.md: this file, written by AutoGineer

  • LICENSE: copied from LICENSE

Requirements and compatibility

Works with: Claude Code, Claude apps, OpenAI Codex, GitHub Copilot, Cursor, Gemini CLI, Kiro, OpenCode, Goose, Amp, Roo Code, JetBrains Junie, Factory Droid, Devin (ex-Windsurf), Mistral Vibe, OpenHands, Letta

“Works with” means the tool reads the open Agent Skills format; a skill written for one tool may use features others lack.

Security

No issues found by our static scan· No issues found

A static scan is not a guarantee. Skills are third-party content: review a skill before you let an agent use it.

Attribution and licence

Created by
Meng To
Publisher
Meng To (Community)
Source
MengTo/Skills · agent-skills/game-development/build-hybrid-game-assets · commit 5ea1661
Licence
MIT License (redistribution allowed)
  • LICENSE (added by AutoGineer from LICENSE)
  • ATTRIBUTION.md (written by AutoGineer)
Synced

AutoGineer is not affiliated with or endorsed by Meng To or Meng To.

Download ZIP

The ZIP holds the skill’s files, its licence files and an ATTRIBUTION.md. Download build-hybrid-game-assets.zip