← 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