Skip to content
cccskills
FreePublished on GitHub

build-game-monster-system

Build and check monsters for Three.js and web action games using shared rules for joints, attachment points, collision shapes, and combat states. Separate visual animation from damage decisions, and provide reproducible checks for attacks and detail-level changes.

OriginalShow the original description

Build, integrate, audit, or refactor rigged monsters for Three.js and web action games. Use for monster asset contracts, procedural or imported creature rigs, semantic joints and sockets, hurtboxes and attack volumes, combat animation states, enemy-runtime adapters, LODs, deterministic review fixtures, and validating that every monster follows one shared system.

See how to install

Good for

  • Standardizing joints and attachment points across monsters
  • Connecting attack timing with collision and damage handling
  • Reproducing combat states and attack phase boundaries
  • Checking detail-level changes and rendering costs

Files included (3)

  • SKILL.md4.4 KB
  • agents/openai.yaml248 B
  • references/monster-contract.md7.2 KB

SKILL.md (original)

Review the instructions the agent will receive before you install.

Build Game Monster System

Build monsters as gameplay-compatible runtime assets, not decorative meshes.

Establish the contract

Read references/monster-contract.md before implementation or audit. Check the real game content model, combat events, enemy state machine, collision API, camera distance, and asset loader before extending the contract.

Use related skills when applicable:

  • Use img2threejs for image-driven procedural reconstruction and its staged visual gates.
  • Use build-hybrid-game-assets to choose procedural versus imported representation and record provenance/budgets.
  • Use tune-enemy-ai for perception, intent, movement, and behavior transitions.
  • Use design-action-combat for startup/active/recovery timing and authoritative contact.

Separate four layers

  1. MonsterDefinition: serializable authored facts, tags, scale, stats, attacks, locomotion, asset provenance, and budgets.
  2. MonsterRig: semantic transform hierarchy, joints, sockets, secondary-motion anchors, materials, and LOD visuals.
  3. MonsterRuntime: current state, timers, target intent, health/posture, cooldowns, and authoritative combat events.
  4. MonsterViewAdapter: drives rig poses, VFX, audio, visibility, and LOD from runtime state; never decides hits from rendered pose.

Do not duplicate authored combat values in the rig or UI.

Build the rig

  • Use +Y up, +Z forward, meters, and a ground-contact root.
  • Keep root -> motion -> body stable across every monster and LOD.
  • Parent limb segments as real joint chains so shoulder/hip motion propagates through elbows/knees to wrists/ankles.
  • Name semantic equivalents for nonhumanoids; do not fake absent anatomy.
  • Provide sockets for attack origins, VFX, audio, targeting, ground contact, attachments, and death effects.
  • Keep visual meshes out of physics by default. Provide simple solid, navigation, hurt, attack, and trigger shapes separately.
  • Preserve root, joints, sockets, collision, and animation state across LOD changes.

Connect behavior and combat

Support at least idle, investigate, pursue, reposition, windup, attack, recover, stagger, and defeated. Each attack definition must declare startup, active, recovery, cooldown, contact shape/socket, damage/posture output, facing rule, and interrupt/cancel policy.

Drive contacts from authoritative action IDs and collision events. Animation may expose a normalized phase, but it must not create damage by itself.

Compose testable movesets

  • Author movesets as serializable sequences of intent states and attack IDs. Keep attack timing in the attack definitions; the moveset references it instead of copying it.
  • Compile attack steps into explicit startup, active, and recovery phases.
  • Provide a pure sampler from (movesetId, elapsed) to state, attack, normalized phase, active flag, interruptibility, and stable action ID.
  • Give every loop cycle a new action ID while preserving one ID across an attack's startup, active, and recovery phases.
  • Expose queryable or seeded fixtures for the midpoint and boundaries of every phase so reviewers can freeze and reproduce them without campaign playthrough.

Verify conformance

  • Add deterministic fixtures for all required states, each attack phase, interrupt/stagger, death, LOD switching, and reset.
  • Test moveset timeline continuity, exact active-window boundaries, full attack coverage, per-action ID stability, and per-loop ID renewal.
  • Test joint propagation, socket stability, collider coverage, single-contact idempotence, and disposal.
  • Render the monster at real encounter distance in the in-app browser.
  • Measure triangles, draw calls, textures, frame time, and mobile pixel-ratio behavior.
  • Fail the asset if it has floating attachments, missing mandatory states, pose-derived damage, LOD socket drift, or unbounded resource cost.

Report whether the monster fully conforms, conforms with documented exceptions, or needs a new archetype capability added to the shared contract.

Reviews

No reviews yet. Tell others what you thought.

Comments

No login needed. Share how it worked for you, ask a question, or note where it did not run.

No comments yet. Be the first to write one.

Comments are published right away. Do not include personal information such as email addresses or phone numbers. Up to 2 URLs.

0 / 1,000 characters

This form is protected by reCAPTCHA, and the Google Privacy Policy and Terms of Service apply.

More skills from this repository

Build woven fabric in Three.js with visible threads, realistic sheen, seams, and thick hems. The skill covers folds that preserve texture proportions, light passing through thin cloth, and variations in dye and wear.

  • Creating backlit curtains
  • Differentiating linen, silk, and wool
  • Adding hems and stitches for close-up views
MengTo/Skills6.9KUpdated Oct 18, 2026

Build falling leaves in Three.js and similar 3D scenes, with visible front, edge, and back views as they tumble and drift. Coordinate wind, scene depth, camera-aware recycling, and performance checks for a convincing autumn effect.

  • Adding falling autumn leaves to a 3D scene
  • Coordinating leaf tumble, sideways drift, and wind
  • Managing leaves around buildings and camera movement
MengTo/Skills6.9KUpdated Oct 18, 2026

3d-four-seasons

FreeSummary

Add coordinated seasonal transitions to an existing 3D scene. Blend foliage, lighting, sky, ground, snow, and particles from one shared state while preserving camera controls and interactions, so the same place remains recognizable throughout spring, summer, fall, and winter.

  • Add a four-season selector to an outdoor 3D scene
  • Show seasonal changes in an architectural walkthrough
  • Coordinate foliage, sunlight, sky, and ground appearance
MengTo/Skills6.9KUpdated Oct 18, 2026

Create or integrate detailed 3D models with smooth outlines and believable edges for close-up views. Prepare lower-detail versions for distant viewing, prioritize loading, and measure rendering costs in the actual scene.

  • Creating a detailed 3D model for close-up views
  • Replacing visibly faceted curves with smoother geometry
  • Preparing detailed architectural assets for rendering
MengTo/Skills6.9KUpdated Oct 18, 2026

Prepare detailed 3D materials that remain clear in close-up views. The skill guides texture resolution, physically based material maps, surface mapping, filtering, and progressive loading while checking download size and GPU memory use.

  • Prepare wood, stone, and fabric materials for close-up views
  • Fix texture seams, grain direction, and normal map orientation
  • Preserve floor and foliage detail at oblique or distant views
MengTo/Skills6.9KUpdated Oct 18, 2026

Create realistic metal surfaces in Three.js by combining structured reflections, studio lighting, scratches, fingerprints, and beveled edges. Includes polished, brushed, and aged finishes for objects such as tools, rings, and metal product parts.

  • Fixing metal that looks like gray plastic
  • Creating polished or brushed metal finishes
  • Adding patina and worn edges
MengTo/Skills6.9KUpdated Oct 18, 2026

See all skills by MengTo

Report a problem with this skill