VibeRPGSimulator

Web release QA

Quest: Check a web app's flows, accessibility, devices and load before a release

Proposed, not tested

Equipment

Sentinel Claude Code
Quest
Check a web app's flows, accessibility, devices and load before a release
Hero
Claude CodeThe agent that runs the quest
Class
Sentinel · QA testing
Weapon
Claude Sonnet 5.5Longsword: Balanced speed and depthMana rate 10 per 1k tokens Mana per run without spells: 1,049 mana (293 runs, 22 quests).
Charge
MediumReasoning effort
Author
The curator

Playwright CLI clicks through the main flows, Axe fixes accessibility faults until the scan is clean, BrowserStack repeats the checks on real phones and browsers, and k6 load tests the service you run before release. Axe and BrowserStack need paid accounts.

Can't be appraised: Proving Grounds can't equip orbs (MCP servers).

Skill tree

  1. ScoutGather context

    Nothing equipped here

  2. CraftMake the thing

    Nothing equipped here

  3. TestCheck the work

  4. ShipDeliver it

Quest replay

Quest: "Check a web app's flows, accessibility, devices and load before a release". Four waves, then the Backlog Dragon.

Foes

  • Fog Wraith

Party · Context

  • Claude CodeSentinel100/100

  1. Wave 1 of 4 · Scout

    The Fog Wraith steps up.

    What really happensGather context

    Claude Code: Context 100/100.

  2. Explore

    Claude Code sends Explore, a fox scout, into the fog.

    What really happensClaude Code can hand a codebase search to its built-in Explore subagent, which works in its own context window.

    Explore: Context 40/40.

  3. Explore

    Explore sniffs out the right files.

    What really happensThe subagent reads and searches. None of that output lands in the main context.

    Fog Wraith takes 19.

  4. Longsword

    Claude Code swings the Longsword.

    Fog Wraith takes 41. Fog Wraith falls.

  5. Explore

    Explore returns with a short report.

    What really happensOnly the subagent's final summary comes back to the main agent.

    Claude Code takes 2. Claude Code: Context 98/100. Claude Code: Insight. Explore returns.

  6. Wave 2 of 4 · Craft

    The Flaky Wisp steps up.

    What really happensMake the thing

    Flaky Wisp: Flicker.

  7. Longsword

    The wisp flickers out of reach.

    What really happensA flaky test passes on one run and fails on the next.

    Flaky Wisp avoids the hit.

  8. Flicker

    The Flaky Wisp uses Flicker.

    Claude Code takes 3. Claude Code: Context 95/100.

  9. Longsword

    Claude Code swings the Longsword.

    Flaky Wisp takes 40 (critical hit). Flaky Wisp falls.

  10. Wave 3 of 4 · Test

    The Bug Slime and the Flaky Wisp step up.

    What really happensCheck the work

    Flaky Wisp: Flicker.

  11. Microsoft Playwright CLI

    A pocket spellbook of short browser commands that costs few tokens.

    What really happensThe agent runs commands such as type, press Enter, check e21 and screenshot, without loading page trees into context.

    Flaky Wisp avoids the hit.

  12. Pinned

    Pinned in place, it cannot slip away.

    What really happensA test that runs the same way each time shows the real failure.

    Bug Slime: Pinned. Flaky Wisp: Pinned.

  13. Flicker

    The Flaky Wisp uses Flicker.

    Claude Code takes 3. Claude Code: Context 92/100.

  14. Regress

    The Bug Slime uses Regress.

    Claude Code takes 3. Claude Code: Context 89/100.

  15. Deque Axe Accessibility

    An Axe that finds accessibility faults, fixes them in batches, and checks again.

    What really happens/axe-accessibility:mcp-audit <url> runs analyze. Core axe-core results are deterministic; Advanced Rules results need checking in the real UI.

    Flaky Wisp takes 40 (critical hit). Flaky Wisp falls.

  16. Regress

    The Bug Slime uses Regress.

    Claude Code takes 3. Claude Code: Context 86/100.

  17. BrowserStack MCP Server

    A gate to a hall of real phones and browsers your team does not own.

    What really happensFive core tools list products, search capabilities in plain language, and describe one before running it.

    Bug Slime takes 40.

  18. Longsword

    Claude Code swings the Longsword.

    Bug Slime takes 5. Bug Slime falls.

  19. Wave 4 of 4 · Ship

    The Gate Warden steps up.

    What really happensDeliver it

    Gate Warden: Barrier.

  20. Boss · Backlog Dragon

    The Backlog Dragon guards the quest: "Check a web app's flows, accessibility, devices and load before a release".

    What really happensIt stands for the whole quest, every task on the list.

  21. Grafana k6 MCP Server

    A war drum that sends a crowd of virtual users at your service to see where it bends.

    What really happensThe generate_script prompt drafts a k6 test from your requirements, using k6 best practices and the official docs.

    Gate Warden is behind a barrier. Backlog Dragon takes 62.

  22. Gate open

    The checks turn green and the gate opens.

    What really happensTests, build and review pass, so the release can go.

  23. Scope creep

    The dragon breathes scope creep across the party.

    What really happensNew asks pile onto a task while it is underway.

    Claude Code takes 5. Claude Code: Context 81/100.

  24. Bar the gate

    The warden raises the gate. Nothing passes until the checks are green.

    What really happensA release waits until tests, builds and reviews pass.

  25. Longsword

    Claude Code swings the Longsword.

    Gate Warden takes 35.

  26. Claw

    The Backlog Dragon uses Claw.

    Claude Code takes 6. Claude Code: Context 75/100.

  27. Longsword

    Claude Code swings the Longsword.

    Gate Warden takes 25. Gate Warden falls.

  28. Scope creep

    The Backlog Dragon uses Scope creep.

    Claude Code takes 5. Claude Code: Context 70/100.

  29. Longsword

    Claude Code swings the Longsword.

    Backlog Dragon takes 38.

  30. Longsword

    Claude Code swings the Longsword.

    Backlog Dragon takes 37.

  31. Call the backlog

    The dragon roars, and another task crawls out of the backlog.

    What really happensFinishing one task often surfaces the next one on the list.

  32. Longsword

    Claude Code swings the Longsword.

    Bug Slime takes 25. Bug Slime falls.

  33. Scope creep

    The Backlog Dragon uses Scope creep.

    Claude Code takes 5. Claude Code: Context 65/100.

  34. Longsword

    Claude Code swings the Longsword.

    Backlog Dragon takes 40.

  35. Enraged

    Wounded, the dragon rages.

    What really happensThe last stretch of a big job is often the hardest.

    Backlog Dragon: Enraged.

  36. Claw

    The Backlog Dragon uses Claw.

    Claude Code takes 8. Claude Code: Context 57/100.

  37. Longsword

    Claude Code swings the Longsword.

    Backlog Dragon takes 40.

  38. Scope creep

    The Backlog Dragon uses Scope creep.

    Claude Code takes 6. Claude Code: Context 51/100.

  39. Longsword

    Claude Code swings the Longsword.

    Backlog Dragon takes 3 (critical hit). Backlog Dragon falls.

  40. Quest clear

    The Backlog Dragon falls. Quest complete.

    What really happensEvery equipped spell did its part of "Check a web app's flows, accessibility, devices and load before a release".

After the battle

  • Claude Code took 16 turns to clear four waves.
  • Context ended at 51 of 100.
  • No Scout or Craft spell, so those waves ran on basic attacks.
  • Summons took 0 damage in their own context and brought back 1 report.

Copy this loadout

Prompt for Claude Code

Paste this into Claude Code. It installs each spell, leaves API keys and sign-ins to you, and ends with the command that restarts it with this weapon and charge.

Set up these tools for me in Claude Code.
Loadout: https://vibe-rpg-simulator.vercel.app/loadouts/web-release-qa/

1. Microsoft Playwright CLI
   Source: https://github.com/microsoft/playwright-cli
   Run:
     npm install -g @playwright/cli@latest
     playwright-cli install --skills

2. Deque Axe Accessibility
   Source: https://github.com/dequelabs/axe-accessibility
   I type in Claude Code:
     /plugin marketplace add dequelabs/axe-accessibility
     /plugin install axe-accessibility

3. BrowserStack MCP Server
   Source: https://github.com/browserstack/mcp-server
   Run:
     claude mcp add --scope user browserstack -e BROWSERSTACK_USERNAME=YOUR_USERNAME -e BROWSERSTACK_ACCESS_KEY=YOUR_ACCESS_KEY -- npx -y @browserstack/mcp-server@latest

4. Grafana k6 MCP Server
   Source: https://github.com/grafana/mcp-k6
   Run:
     claude mcp add --scope=user --transport=stdio k6 -- docker run --rm -i grafana/mcp-k6

How to do it:
- Skip anything that is already installed. Run the rest in order and check that each step worked.
- Commands under "I type in Claude Code" are mine to enter. List them for me at the end, in order.
- Never ask me to paste an API key or token into this chat. When a command needs one, such as YOUR_API_KEY, give me the full command to run in my own terminal.
- Ask me for any other value you can't work out, such as a project path.
- If a command asks a question or needs a browser sign-in or an open app, tell me what to do and wait.
- If a command fails, follow the install steps in the tool's source for Claude Code instead. Show me any command that is not on this list before you run it, and install nothing else.

When you're done, tell me what is ready and what still needs me. New tools load in a new session, so finish by telling me to restart Claude Code with Claude Sonnet 5.5 and reasoning effort medium:
claude --model sonnet --effort medium

Terminal commands

Or paste these lines into a terminal. The first part installs every spell for Claude Code; the last line starts it with the same weapon and charge. Lines starting with # are notes or commands you type inside the agent.

# Loadout: Web release QA
# Quest: Check a web app's flows, accessibility, devices and load before a release
# Hero: Claude Code · Weapon: Claude Sonnet 5.5 · Charge: Medium
# From https://vibe-rpg-simulator.vercel.app/loadouts/web-release-qa/

# 1. Learn the spells
# Test: Microsoft Playwright CLI
npm install -g @playwright/cli@latest
playwright-cli install --skills
# Test: Deque Axe Accessibility
# in Claude Code: /plugin marketplace add dequelabs/axe-accessibility
# in Claude Code: /plugin install axe-accessibility
# Test: BrowserStack MCP Server
claude mcp add --scope user browserstack -e BROWSERSTACK_USERNAME=YOUR_USERNAME -e BROWSERSTACK_ACCESS_KEY=YOUR_ACCESS_KEY -- npx -y @browserstack/mcp-server@latest
# Ship: Grafana k6 MCP Server
claude mcp add --scope=user --transport=stdio k6 -- docker run --rm -i grafana/mcp-k6

# 2. Start the hero with this weapon and charge
claude --model sonnet --effort medium

Edit a copy