game-dev

Build playable Babylon.js browser games from natural-language briefs using a staged production pipeline.

Updated Sep 16, 2026
One-click install
npx skills add https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills --skill game-dev-military-veteran-team-lpt-realty
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: game-dev
Source: https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills/tree/main/skills/game-dev
Command: npx skills add https://github.com/Military-Veteran-Team-LPT-Realty/mvt-manus-public-skills --skill game-dev-military-veteran-team-lpt-realty

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @babylonjs/core, @babylonjs/loaders, and includes references (resource) components.

What problem does it solve? Building a complete browser game from scratch requires coordinating art direction, architecture, asset generation, implementation, and deployment. This Skill turns a natural-language game brief into a playable, deployed Babylon.js game by running a disciplined staged pipeline inside a Manus WebDev project. ## Core Features & Use Cases - Staged production pipeline: Runs visual target, risk decomposition, architecture, asset planning, implementation, and visual verification stages in order, with resumable context files (PLAN.md, STRUCTURE.md, MEMORY.md, ASSETS.md). - Built-in art generation: Replaces paid image/3D CLIs with Manus built-in image generation for reference art, textures, sprites, and backgrounds, uploaded as Babylon textures via manus-upload-file. - React + Babylon integration: Ships a lifecycle-safe GameCanvas.tsx template that guards against React 19 StrictMode double-mounts and handles engine disposal and resize. - Use Case: A user says "build me a top-down space shooter with power-ups." The Skill scaffolds a WebDev project, generates the art direction and assets, implements gameplay in framework-agnostic TypeScript, verifies with screenshots, and deploys via WebDev Publish. ## Quick Start Use the game-dev skill to build a playable browser game from my description and deploy it with WebDev Publish.

Frequently Asked Questions about game-dev

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

FAQPage Schema
How do I build a browser game from a text description?

Provide a natural-language brief and the Skill runs a staged pipeline: generate a visual target image, decompose risks into PLAN.md, design architecture, generate art assets, implement gameplay in TypeScript under client/src/game, verify with screenshots, and deploy via WebDev Publish.

What game engine does this Skill use for browser games?

It uses Babylon.js with @babylonjs/core, hosted inside a Manus WebDev React project. Gameplay code stays framework-agnostic in plain TypeScript classes, while a GameCanvas component owns the engine lifecycle.

Can I generate game art assets without paid image APIs?

Yes. The Skill replaces paid Gemini, Grok, and Tripo3D CLIs with Manus built-in image generation for reference images, textures, sprites, and backgrounds. Generated PNGs are uploaded via manus-upload-file and used directly as Babylon textures.

Does it support 3D GLB models in Babylon.js games?

By default it uses procedural meshes textured with generated images, since Manus has no built-in image-to-3D generation. GLB models are only used if the user supplies a Tripo3D key, requiring the @babylonjs/loaders package.

Why does my Babylon game create two engines in React?

React 19 StrictMode mounts effects twice in development, which can initialize two Babylon engines on one canvas. Guard engine initialization with a ref flag, dispose the engine on unmount, and handle window resize as shown in the GameCanvas template.

How is the finished game deployed and verified?

Verification uses webdev_take_screenshot against the WebDev preview with a deterministic ?demo autopilot, plus pnpm check. Deployment is always WebDev Publish to a manus.space domain; temporary expose links are forbidden as the final deliverable.