browser-and-app-testing-tools plugin
Automate browsers, capture live apps and measure Lighthouse/PageSpeed behavior.
How to install the browser-and-app-testing-tools plugin
Run both commands inside Claude Code. The first adds the marketplace once; the second installs the plugin.
/plugin marketplace add legioncodeinc/vibe-coding-tools
/plugin install browser-and-app-testing-tools@wasp-nestWhat's inside browser-and-app-testing-tools
10 parts read from the plugin's own files.
Commands 1
Run as /browser-and-app-testing-tools:name- /browser-and-app-testing-tools:webapp-capture[demo | screenshots | library | audit | shadcn | all | doctor] [app URL] [notes]
Capture a live web app. Demo video and script; component library with design tokens, a Claude Design handoff zip, and a shadcn/ui map; UI inconsistency audit. By Legion Code Inc.
Agents 4
Call as @agent-browser-and-app-testing-tools:name- @agent-browser-and-app-testing-tools:browser-automation-wasp-droneinherit
Playwright and Puppeteer automation specialist for browser tests, scripts, traces, screenshots, browser installs, and CI reliability. Use for browser automation work.
- @agent-browser-and-app-testing-tools:chrome-chromium-wasp-droneinherit
Chrome DevTools Protocol and Chromium specialist for remote debugging, developer profiles, protocol inspection, source builds, and browser-engine diagnosis. Use for Chrome or Chromium work.
- @agent-browser-and-app-testing-tools:lighthouse-pagespeed-wasp-drone
Lighthouse + PageSpeed Insights specialist: running audits locally vs in CI (LHCI 0.15.x / GitHub Actions), interpreting all four audit categories (Performance, Accessibility, Best Practices, SEO; PWA removed in LH12), setting score budgets and performance budgets, authoring custom Lighthouse plugin
- @agent-browser-and-app-testing-tools:webapp-capture-wasp-dronesonnet
Headless capture of live, authenticated web apps. Use when asked to record a demo video or walkthrough, screenshot every page, write a demo script, capture the entire UI component library and design tokens, package a Claude Design handoff, map components onto shadcn/ui, or find visual and code incon
Skills 5
Claude loads it when the task matches- browser-automation-stinger
Automate browser testing and control using Playwright and Puppeteer for debugging, screenshots, and lifecycle management.
- chrome-chromium-stinger
Enables engineering for Chrome and Chromium through DevTools Protocol inspection, remote debugging, and Chromium source builds.
- lighthouse-pagespeed-stinger
Configures Lighthouse CI and PageSpeed Insights to audit web performance, set performance budgets, and reconcile lab data with field metrics.
- source-command-webapp-capture
Capture live web applications to generate demo videos, component libraries, design tokens, and UI inconsistency audits.
- webapp-capture-stinger
Captures live web applications to generate demo videos, component inventories, design tokens, and visual inconsistency audits.
Using browser-and-app-testing-tools in Claude Code
Type a command in a Claude Code session:
/browser-and-app-testing-tools:webapp-capture [demo | screenshots | library | audit | shadcn | all | doctor] [app URL] [notes]Ask for an agent by name:
@agent-browser-and-app-testing-tools:browser-automation-wasp-drone
@agent-browser-and-app-testing-tools:chrome-chromium-wasp-droneSkills need no command. Claude reads them when your request matches what they describe.
Update, turn off or remove
- Update the plugin (shell)
- claude plugin update browser-and-app-testing-tools@wasp-nest
- Refresh the marketplace
- /plugin marketplace update wasp-nest
- Turn it off for now
- /plugin disable browser-and-app-testing-tools@wasp-nest
- Remove it
- /plugin uninstall browser-and-app-testing-tools@wasp-nest
Skills in browser-and-app-testing-tools
- browser-automation-stingerlegioncodeinc/vibe-coding-tools
Automate browser testing and control using Playwright and Puppeteer for debugging, screenshots, and lifecycle management.
4 files95stars - chrome-chromium-stingerlegioncodeinc/vibe-coding-tools
Enables engineering for Chrome and Chromium through DevTools Protocol inspection, remote debugging, and Chromium source builds.
4 files95stars - lighthouse-pagespeed-stingerlegioncodeinc/vibe-coding-tools
Configures Lighthouse CI and PageSpeed Insights to audit web performance, set performance budgets, and reconcile lab data with field metrics.
13 files95stars - webapp-capture-stingerlegioncodeinc/vibe-coding-tools
Captures live web applications to generate demo videos, component inventories, design tokens, and visual inconsistency audits.
49 files95stars - source-command-webapp-capturelegioncodeinc/vibe-coding-tools
Capture live web applications to generate demo videos, component libraries, design tokens, and UI inconsistency audits.
95stars
browser-and-app-testing-tools plugin questions
How do I install the browser-and-app-testing-tools plugin?
In Claude Code run /plugin marketplace add legioncodeinc/vibe-coding-tools, then /plugin install browser-and-app-testing-tools@wasp-nest.
What does the browser-and-app-testing-tools plugin include?
browser-and-app-testing-tools bundles 1 command, 4 agents, 5 skills.
What commands does the browser-and-app-testing-tools plugin add?
It adds /browser-and-app-testing-tools:webapp-capture. Run them in Claude Code with the plugin prefix, for example /browser-and-app-testing-tools:webapp-capture.
Which agents come with browser-and-app-testing-tools?
browser-automation-wasp-drone, chrome-chromium-wasp-drone, lighthouse-pagespeed-wasp-drone, webapp-capture-wasp-drone. Call one with @agent-browser-and-app-testing-tools:browser-automation-wasp-drone.
How do I update or remove the browser-and-app-testing-tools plugin?
Update it with claude plugin update browser-and-app-testing-tools@wasp-nest in your shell, or from the Installed tab of /plugin. Remove it with /plugin uninstall browser-and-app-testing-tools@wasp-nest.
What license is the browser-and-app-testing-tools plugin under?
AGPL-3.0-or-later, as stated in the plugin's manifest.