gameplay-browser

Drives browser-based game UI interactions using Chrome DevTools MCP commands to identify and report issues.

Updated Oct 26, 2025
One-click install
npx skills add https://github.com/discountedcookie/10x-mapmaster --skill gameplay-browser
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: gameplay-browser
Source: https://github.com/discountedcookie/10x-mapmaster/tree/main/.opencode/skills/gameplay-browser
Command: npx skills add https://github.com/discountedcookie/10x-mapmaster --skill gameplay-browser

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill guides browser-based testing of the game UI using Chrome DevTools MCP tools to simulate real player interactions.

Core Features & Use Cases

  • DevTools automation: Navigate pages, fill inputs, click controls, and inspect state.
  • UI flow verification: Validate start, questions, guesses, and end-of-game states in the UI.
  • Evidence capture: Snapshots and console/network logs for issue reporting.

Quick Start

Open the game UI in the browser, use chrome-devtools_* commands to interact with the description input, Start button, and Yes/No controls, then capture a screenshot for evidence.

Frequently Asked Questions about gameplay-browser

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

FAQPage Schema
How do I test browser-based game UI with Chrome DevTools?

Browser-based game UI testing uses Chrome DevTools MCP commands to simulate player interactions—navigate pages, fill inputs, click controls, and capture screenshots. This approach automates UI flow verification by driving gameplay through the interface to identify interaction issues before release.

Can I automate clicking, filling inputs, and taking snapshots in a game browser?

Yes. Chrome DevTools MCP provides automation for browser interactions: navigate to the game URL, use fill and click commands to interact with controls, and take snapshots to capture state. You can also monitor console logs and network requests to detect errors during gameplay.

What's the best way to capture evidence of UI bugs in browser games?

Combine snapshots with console and network logs to document UI issues. Take screenshots at each game state (start, questions, guesses, end), record console messages for errors, and log network requests to correlate gameplay actions with backend calls—this builds a complete incident report.

Do I need Chrome DevTools to run UI tests on game pages?

Yes. This approach requires Chrome DevTools MCP commands to execute tests and inspect browser state. You'll need a running game URL and access to DevTools automation to navigate, interact, and monitor the UI during gameplay scenarios.

How do I verify game UI flows like start screens, question prompts, and end states?

Use DevTools commands to navigate through each game state sequentially: click start buttons, fill description inputs, submit guesses, and verify state transitions. Capture snapshots and console logs at each step to confirm the UI responds correctly to player actions.

What limitations should I know about browser-based game UI testing?

This method tests UI interaction and client-side behavior only. It requires a live game URL and depends on Chrome DevTools availability. Network-heavy or real-time multiplayer scenarios may need additional monitoring, and full user experience testing still requires manual exploration beyond automated checks.