More screenshots

    Works with the AI Agents you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIDeepSeekDeepSeekMuseMuse+22 more

    Nex Glb Character System

    6

    Hybrid GLB/Procedural character system for Three.js with Draco compression, asset caching, and a selection UI.

    $9

    Secure checkout via Stripe

    Money-back guarantee

    Converts to your local currency at checkout

    5 usesSecurity scanned
    nex-glb-character-system

    nex-glb-character-system

    Example session with this skill installed

    Add a character selection screen to my Three.js game with support for GLB avatars and Draco compression.

    • Read your context and instructions
    • Compiled the nex-glb-character-system

    I've generated the Nex GLB Character System:

    • AssetLoader.ts: Singleton with Draco support and asset caching.
    • CharacterSelect.ts: Accessible grid UI with procedural fallbacks.
    • character-defs.ts: Schema for "Neo", "Poppy", and "Knight".

    Ready to drop into /client.

    Connects securely to your tools. The creator never sees your data.

    About this skill

    Comprehensive 3D Character Management

    The Nex GLB Character System is a production-hardened solution for handling avatars in Three.js applications. It bridges the gap between hand-crafted procedural geometry and high-fidelity GLB models, ensuring your 3D app remains functional even if assets fail to load or haven't been created yet.

    What it does

    • Hybrid Character UI: A keyboard-accessible grid selection system that resolves choices to a CharacterDef schema.
    • Smart Asset Loading: An AssetLoader singleton featuring built-in Draco decompression (v1.5.7) and a robust per-URL cache.
    • Resilient Placements: Uses a "clone-on-demand" pattern to prevent scene-graph conflicts and implements a placeholder-on-failure mode to ensure one broken model doesn't crash your entire multiplayer scene.
    • Procedural Fallback: Automatically generates colored procedural meshes if a GLB path is missing or the network request fails.

    Why developers choose this

    Unlike basic loaders, this system handles the edge cases of 3D development: it manages memory by caching models while providing fresh clones for every instance, supports preloading for smooth transitions, and includes a ready-to-use UI that works with both mouse and keyboard. It's designed specifically for developers building multiplayer games, social VR, or 3D configurators who need a reliable, "fail-safe" loading pipeline.

    Built by Nex AI. More skills and info at nex-ai.be and slopsome.com.

    Find more skills like this on the Claude Skills Marketplace, the Codex Skills Marketplace and the Gemini Skills Marketplace, or browse Claude Skills for Game Development.

    • Not designed for React Three Fiber (R3F) hooks.
    • Lacks SkeletonUtils integration for complex SkinnedMesh instancing.
    • DOM-based selection UI requires manual styling integration.

    Open docs

    How to use

    1. 1

      Connect your agent to the Agensi MCP

      Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup

    2. 2

      Sign in to Agensi

      Your agent shows a sign-in link. Sign in and click Allow.

    3. 3

      Ask for what you need

      Your agent loads this skill and uses it on your task. It always asks before buying a skill.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill goes through the trust checks below.

    Security scanned

    Checked by our 8-point scan before listing

    5 uses

    Times used to date

    Money-back guarantee

    Doesn't do what its page promises? You get your money back.

    Trust & safety

    Security scan

    Security scan passed 3 months ago

    Software
    gltf-transformNode.js

    Permissions

    Terminal / Shell
    Listed5 months ago
    Updated24 days ago

    What's inside

    Frequently Asked Questions

    The system provides a fail-safe pipeline for Three.js characters, using a hybrid approach that automatically swaps missing or broken GLB models with procedural placeholders to ensure your 3D scene never crashes due to asset errors.

    This skill is designed for web-based 3D applications using Three.js and is compatible with any AI agent or framework capable of executing JavaScript/TypeScript and managing canvas-based rendering.

    Yes, it includes a pre-configured AssetLoader singleton with Draco v1.5.7 decompression and a robust caching layer to minimize network overhead and ensure smooth, performant model loading.

    The purchase includes the core character management logic, the keyboard-accessible selection UI components, a specialized GLB asset loader, and the procedural mesh fallback system.

    The selection UI is a production-ready, grid-based interface that resolves user choices into a unified CharacterDef schema, making it easy to pass character configurations between your UI and the 3D scene.

    New in Game Development