← Back to Projects
Live Visit Site ↗ GitHub ↗

Modia

Modia is a browser-based tactical MMORPG where players explore a procedurally generated world, engage in turn-based combat on dynamically generated battle maps, and interact with NPCs driven by utility AI. The entire asset pipeline — sprites, portraits, and audio — is powered by AI generation tools.

Modia screenshot
Tech Stack

Backend

Node.jsExpressPostgreSQLWebSocketsPM2Docker

Frontend

HTML5 CanvasViteReact (admin dashboard)

AI / Asset Pipeline

ComfyUI / FluxElevenLabsPython / condaimage-generator companion project

Testing

VitestPlaywright (E2E)
Architecture Overview
  • Monorepo structure: api / frontend / admin / shared / e2e
  • 48 database migrations tracking full schema evolution
  • 50+ service modules across the backend
  • 6-phase procedural world generation pipeline (5,583 lines)
  • 8-phase battle map generation system (6,468 lines)
  • Utility AI with iterative deepening lookahead and 9 behavioral patterns
  • Release-based zero-downtime deployment via PM2
  • Custom Parchment UI canvas rendering framework
Claude Code Usage
22 agents 2 skills

Agents

backend-architectfrontend-engineerdatabase-migratorcombat-designerworldgen-specialistbattle-map-engineerai-pipeline-operatoradmin-dashboard-devtest-engineerdevops-deployercode-reviewerbalance-tunercanvas-rendererwebsocket-specialistnpc-ai-designerasset-catalogerperformance-profilersecurity-auditorschema-designerapi-designerdocumentation-writererror-handler

Skills

validate-plan v4.1 (20 security patterns)changelog

Highlights

  • 22 specialized agents enabled parallel development across combat, worldgen, and admin systems
  • validate-plan skill with 20 security patterns catches issues before implementation
  • Agents maintain domain context — the worldgen-specialist understands all 6 generation phases
  • Battle map generation went from concept to 6,468-line implementation in coordinated agent sessions
Key Accomplishments
  • Utility AI with iterative deepening lookahead across 9 behavioral patterns
  • Dual procedural generation: 6-phase world gen (5,583 lines) and 8-phase battle map gen (6,468 lines)
  • Custom Parchment UI canvas rendering framework for the game interface
  • Full-stack admin dashboard with real-time WebSocket generation status monitoring
  • Comprehensive test suite: 37 integration + 53 unit + 12 E2E + 4 balance tests
  • AI-driven asset pipeline generating sprites, portraits, and audio via ComfyUI and ElevenLabs