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.