browser-and-app-testing-tools プラグイン
Automate browsers, capture live apps and measure Lighthouse/PageSpeed behavior.
browser-and-app-testing-tools プラグインのインストール方法
両方のコマンドを Claude Code 内で実行してください。最初のコマンドで marketplace を一度追加し、2 番目のコマンドでプラグインをインストールします。
/plugin marketplace add legioncodeinc/vibe-coding-tools
/plugin install browser-and-app-testing-tools@wasp-nestbrowser-and-app-testing-tools の内容
プラグイン自身のファイルから読み込まれた 10 個のパーツ です。
コマンド 1
/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.
Agent 4
@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
SKILL 5
タスクが一致したときに Claude が読み込みます- 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.
Claude Code での browser-and-app-testing-tools の使用方法
Claude Code セッションでコマンドを入力してください:
/browser-and-app-testing-tools:webapp-capture [demo | screenshots | library | audit | shadcn | all | doctor] [app URL] [notes]Agent を名前で指定してください:
@agent-browser-and-app-testing-tools:browser-automation-wasp-drone
@agent-browser-and-app-testing-tools:chrome-chromium-wasp-droneSKILL にコマンドは不要です。リクエストが説明と一致したときに Claude が読み込みます。
更新、オフ、または削除
- プラグインを更新 (shell)
- claude plugin update browser-and-app-testing-tools@wasp-nest
- marketplace を更新
- /plugin marketplace update wasp-nest
- 一時的にオフにする
- /plugin disable browser-and-app-testing-tools@wasp-nest
- 削除する
- /plugin uninstall browser-and-app-testing-tools@wasp-nest
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件のファイル95スター - chrome-chromium-stingerlegioncodeinc/vibe-coding-tools
Enables engineering for Chrome and Chromium through DevTools Protocol inspection, remote debugging, and Chromium source builds.
4件のファイル95スター - 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件のファイル95スター - webapp-capture-stingerlegioncodeinc/vibe-coding-tools
Captures live web applications to generate demo videos, component inventories, design tokens, and visual inconsistency audits.
49件のファイル95スター - source-command-webapp-capturelegioncodeinc/vibe-coding-tools
Capture live web applications to generate demo videos, component libraries, design tokens, and UI inconsistency audits.
95スター
browser-and-app-testing-tools プラグインに関する質問
browser-and-app-testing-tools プラグインをインストールするにはどうすればよいですか。
Claude Code で /plugin marketplace add legioncodeinc/vibe-coding-tools を実行し、続いて /plugin install browser-and-app-testing-tools@wasp-nest を実行します。
browser-and-app-testing-tools プラグインには何が含まれていますか。
browser-and-app-testing-tools には 1 件のコマンド, 4 件のエージェント, 5 件のスキル が含まれています。
browser-and-app-testing-tools プラグインにはどのようなコマンドが追加されますか？
/browser-and-app-testing-tools:webapp-capture が追加されます。Claude Code でプラグインのプレフィックスを使用して、例えば /browser-and-app-testing-tools:webapp-capture のように実行してください。
browser-and-app-testing-tools にはどの Agent が含まれていますか？
browser-automation-wasp-drone, chrome-chromium-wasp-drone, lighthouse-pagespeed-wasp-drone, webapp-capture-wasp-drone です。@agent-browser-and-app-testing-tools:browser-automation-wasp-drone で呼び出せます。
browser-and-app-testing-tools プラグインを更新または削除するにはどうすればよいですか？
shell で claude plugin update browser-and-app-testing-tools@wasp-nest を使用して更新するか、/plugin の Installed タブから行ってください。削除するには /plugin uninstall browser-and-app-testing-tools@wasp-nest を使用してください。
browser-and-app-testing-tools プラグインのライセンスは何ですか？
プラグインのマニフェストに記載されている AGPL-3.0-or-later です。