build-isometric-arpg

Builds playable isometric action RPG vertical slices in Three.js or React.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Building an isometric action RPG often collapses under scope creep, tangled combat state, and untested save flows. This Skill enforces a disciplined vertical-slice process so an agent delivers one coherent playable loop before expanding systems.

Core Features & Use Cases

  • Vertical Slice Delivery: Orders work from movement and camera through combat, enemies, rewards, and zone transitions, each with gameplay proof.
  • Runtime Boundaries: Keeps simulation state deterministic and serializable, centralizes combat timing and damage values, and makes inventory and save operations atomic and idempotent.
  • Release Validation: Runs unit tests, type/lint checks, production builds, and real playthroughs covering fresh starts, saved continuation, and loss/retry.
  • Use Case: Ask your agent to add a second enemy type to an existing Three.js ARPG prototype; it first records the authoritative baseline, then ships the enemy with telegraphs, counterplay, tests, and a stable save path.

Quick Start

Use the build-isometric-arpg skill to add a playable combat encounter with one enemy, rewards, and save support to my Three.js game.

Frequently Asked Questions about build-isometric-arpg

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

FAQPage Schema
How do I build an isometric ARPG in Three.js?

Start with one playable loop: title screen, character choice, movement, one encounter, a reward, and progression. Then deliver vertical slices in order—movement and camera, one combat verb, one enemy, one reward, one zone transition—each with tests and a stable save path.

What order should I build game systems in a web ARPG?

Build movement, camera, collision, and target selection first, then a single combat verb with damage and death, then one enemy with telegraphs, then rewards and progression, then zone transitions. Avoid adding a second system until the previous slice has gameplay proof and automated coverage.

Can I use this workflow with React or other web frameworks?

Yes, the workflow targets Three.js, React, or similar web technologies. The principles of deterministic state, data-driven content contracts, and vertical slices apply regardless of the specific rendering framework.

How do I keep game save systems reliable during development?

Keep simulation state deterministic and serializable, and make save migration, equipment, and reset flows atomic and idempotent. Provide review fixtures for difficult states like interrupted actions and save migrations, and verify fresh starts plus saved continuation before release.

Why should combat timing be centralized in game code?

Duplicating combat clocks across components causes desynchronized damage, cooldown, and posture behavior. Centralizing timing, damage, and content values in one place keeps combat outcomes consistent and makes the simulation easier to test and serialize.