develop-web-game

What it does

This skill enables AI agents to generate, modify, and deploy complete web-based games directly from natural language descriptions. It handles the full development lifecycle, including game logic implementation, asset integration, and responsive UI design within a single codebase.

When to use it

• You need a playable prototype for a browser-based game idea without setting up a local development environment.
• You want to rapidly iterate on game mechanics by describing changes in plain English rather than writing complex code manually.
• You require a self-contained HTML file that can be shared and played immediately on any device with a web browser.

Key capabilities

• Generates full-stack web games using modern JavaScript frameworks or vanilla JS.
• Implements core game loops, collision detection, and player input handling.
• Creates responsive layouts that adapt to different screen sizes and orientations.
• Integrates basic visual assets like sprites, backgrounds, and UI elements.
• Outputs ready-to-run HTML files with embedded CSS and JavaScript.

Example prompts

• "Create a simple 2D platformer game where the player jumps over obstacles and collects coins."
• "Build a turn-based strategy game with a grid layout for placing units and attacking enemies."
• "Develop a clicker game where users tap to earn points and unlock upgrades automatically."

Tips & gotchas

Ensure your game logic is clearly described, as the AI may need clarification on complex mechanics like scoring systems or win conditions. Keep asset references simple; while the skill can handle basic graphics, external dependencies should be minimal for immediate playability.