Guide · Agent skill
How to use the Hybrid Game Asset Planner agent skill
Updated · written with AI from the project's own documentation and checked against our catalogue data
The Hybrid Game Asset Planner is an agent skill, a set of written instructions that an AI agent such as Claude loads when your request matches its description. It guides the agent to plan the visual assets for a Three.js or other web-based game, choosing for each asset the form that fits best: an imported model, code-generated geometry, or 2D media. After this guide you will know how to install the skill, how to trigger it with a plain request, and what to check before you rely on its output.
Hybrid Game Asset PlannerMengTo/Skills · MIT Download the skill Quick start
- 1Download the ZIP. Get the build-hybrid-game-assets package from this page. It contains SKILL.md and agents/openai.yaml.
- 2Unzip into a skills folder. Place the folder in ~/.claude/skills/ for personal use, or in your project's .claude/skills/ folder.
- 3Or upload in the Claude apps. Open Settings, go to Capabilities, and upload the skill under Skills.
- 4Describe your game. Name your Three.js or web game project and the asset task: plan, create, integrate or audit.
- 5Provide references and budgets. Share reference images, scale targets, camera distance and performance budgets so the agent can classify each asset.
- 6Review provenance and licences. Check the source and license of every imported asset and the provenance record the agent produces.
What the skill makes the agent do
Instead of turning every reference image into a 3D model, the skill tells the agent to classify each asset first. A hero character with complex animation is usually an imported rigged mesh with a verified license and scale. A weapon, pickup or prop that needs a controllable silhouette, sockets or collision is better built as procedural Three.js geometry. Concept art, inventory icons, cursors and menu backdrops are typically 2D images or video used directly as UI media.
The skill also covers checking assets inside the running game rather than in an asset viewer, measuring draw calls, triangles, texture count and frame time, and recording where each runtime asset came from and under what license.
Install the skill
Download the ZIP for agent-skills/game-development/build-hybrid-game-assets from the page. The package contains agents/openai.yaml and SKILL.md.
For a personal install, unzip the folder into ~/.claude/skills/. For a single project, unzip it into the project's .claude/skills/ folder. Alternatively, in the Claude apps, open Settings, go to Capabilities, and upload the skill under Skills.
- Personal: ~/.claude/skills/
- Project only: .claude/skills/ inside your project
- Claude apps: Settings → Capabilities → Skills
Trigger the skill with natural requests
You do not need a special command. The agent reads the skill's description and loads it when your request matches the topics it covers: choosing among imported meshes, procedural geometry, AI-generated reference art, 2D UI media, sprites, VFX and runtime asset delivery. Say what you are building and what you need the agent to do, such as plan, create, integrate or audit.
The skill is written for Three.js or web game projects, so name that stack in your request.
- Plan the art for a Three.js dungeon crawler: which assets should be 3D models, which should be code-generated, and which should be 2D UI.
- Audit my browser game's asset pipeline for performance and licensing gaps.
- Should the sword in my Three.js game be an imported mesh or procedural geometry?
- Create the inventory icons and menu backdrop for my web game and tell me how to export them at display density.
What to prepare before you start
The skill requires a Three.js or web game project. It does not require scripts to run, and it does not use the network. If you want image-to-3D reconstruction, the skill references an optional companion skill, img2threejs, but the source does not describe anything beyond that reference.
Have your reference images and any existing asset list ready. The skill asks for a compact reference set (hero view, side view when geometry matters, palette close-up and usage context) and says a single image cannot establish hidden geometry, so expect the agent to request more views.
Safety notes: scripts and network
According to its listing, this skill runs no scripts and uses no network access. Its instructions are guidance for planning and auditing. Still, read any code the agent writes into your project before running it, and check the license of every imported model it recommends, because the skill itself requires verifying ownership and license before integration.
Tips for better results
Give the agent scale, camera distance and budget targets where you have them, since the skill asks for these before implementation. Ask for provenance records so every runtime asset is tagged as imported, procedural, generated 2D or reference-only. If you want the skill to prefer code-generated props, say so; if you want a finished 3D model from one image, expect the skill to push back.
- Provide target devices so the mobile viewport and frame time checks are meaningful.
- Ask the agent to verify in the running game, not only in an asset viewer.
- Keep references as visual guidance and create original geometry and media.
What people use it for
- Deciding which assets in a browser game to commission as 3D models and which to build in code.
- Planning sprites, UI icons and VFX for a Three.js game with alt text and transparent export guidance.
- Auditing an existing web game for draw calls, texture counts and missing license records.
- Turning concept art into a reference set for a level's mood without treating it as playable geometry.
Frequently asked questions
Is the Hybrid Game Asset Planner skill free?
The skill is published under the MIT licence, as listed on this page. Check the repository's licence file for the full terms before you reuse or redistribute it.
What do I need to use this skill?
You need a Three.js or web game project. The skill runs no scripts and uses no network access. The img2threejs skill is optional and is only referenced for image-to-3D reconstruction.
How do I install an agent skill in Claude?
Unzip the skill folder into ~/.claude/skills/ for personal use or into a project's .claude/skills/ folder. You can also upload it in the Claude apps under Settings, Capabilities, Skills.
Can it make a 3D model from a single image?
Not reliably. The skill states that a single image cannot establish hidden geometry, so it asks for more views or a deliberate stylized approach.
Does this work with Unity or Unreal?
No. The guidance is written around Three.js and web runtime budgets, so it is not intended for non-web engines such as Unity or Unreal.
What is the alternative if this skill doesn't fit?
The source does not compare it with other tools. If you use a non-web engine, or need a finished model from one image, you will need a different workflow or resource.
New agent skills, repos and AI tools — every week
The best new skills and open-source projects, the fastest-growing repos, and one free prompt. Five minutes to read. Unsubscribe anytime.
Our verdict
Use this skill if you are building a Three.js or browser game and want an AI agent to plan, build or audit your asset mix with attention to licensing and performance. Pick something else if you work in Unity or Unreal, or if you need a finished 3D model generated from a single image.
Download the skill