skills.rest
tolitius
tolitiusCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

game

Develop browser games with KAPLAY.js or Three.js through automated playtesting.

16|3|Updated Dec 28, 2025
Search Tags:#automation#game development#Three.js#headless testing#playtest#KAPLAY.js
One-click install
npx skills add https://github.com/tolitius/salvador --skill game
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: game
Source: https://github.com/tolitius/salvador/tree/main/.claude/skills/game
Command: npx skills add https://github.com/tolitius/salvador --skill game

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates browser game development by analyzing a game concept, implementing it with KAPLAY.js (2D) or Three.js (3D), performing headless playtests, critiquing gameplay and mechanics, and iterating until the result is polished and ready to launch.

Core Features & Use Cases

  • Autonomous bootstrap and scaffolding: ensures index.html and src/game.js exist and are wired to the chosen framework.
  • Playtest-driven critique: runs headless tests, captures screenshots, logs issues, and reports state changes.
  • Deterministic workflow: follows defined phases (bootstrap, design-analysis, playtest, critique, polish) and enforces UI layering, gradient backgrounds, idle animations, particles, and proper z-index.

Quick Start

Start by placing this skill at .claude/skills/game, start Claude, and request a new game concept to see the autonomous loop in action.

Frequently Asked Questions about game

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

FAQPage Schema
How do I automate browser game development with headless testing?▼

Browser game development is automated by analyzing a concept, implementing it with KAPLAY.js or Three.js, and running headless playtests using Puppeteer to critique and polish the gameplay loop.

What is the workflow for autonomous game creation and playtesting?▼

The autonomous game creation workflow follows deterministic phases: bootstrap, design-analysis, playtest, critique, and polish, enforcing UI layering, gradient backgrounds, idle animations, and particles.

Does this game automation skill support both 2D and 3D browser games?▼

Yes, the skill supports 2D game development using KAPLAY.js for platformers and top-down shooters, and 3D game development using Three.js, automatically selecting the appropriate framework.

How do I start building a game from a new concept using this automation?▼

To start building, place the skill in the .claude/skills directory, launch Claude, and request a game concept to trigger the autonomous bootstrap, scaffolding, and playtesting loop.

Do I need Puppeteer to run headless playtests for browser games?▼

Yes, Puppeteer is required as a dependency to execute headless browser playtests, capture screenshots, log issues, and report state changes during the critique phase.

Why does my automated game development loop stop during the critique phase?▼

The loop stops during critique if headless playtesting reveals gameplay or mechanic issues, requiring iteration through the polish phase to resolve constraints like z-index layering and asset problems before launch.

Related Skills

Explore More Software Engineering Skills→
steebchensteebchen

dojo-init

Bootstrap complete Dojo projects with standardized scaffolding and configuration files.

Community
Intermediate
shin0720shin0720

auto-canary

Automate pre-deployment verification including builds, E2E tests, and browser checks.

Community
Intermediate
markus41markus41
18

Background Animations Skill

Generate animated background components for React using Framer Motion.

Community
Intermediate
HubDev-AIHubDev-AI
8

godot-ops

Automate MCP-based build-test-fix loops for Godot games.

Official
Advanced