browser-and-app-testing-tools 플러그인
Automate browsers, capture live apps and measure Lighthouse/PageSpeed behavior.
browser-and-app-testing-tools 플러그인 설치 방법
두 명령을 모두 Claude Code 안에서 실행하십시오. 첫 번째는 마켓플레이스를 한 번 추가하고, 두 번째는 플러그인을 설치합니다.
/plugin marketplace add legioncodeinc/vibe-coding-tools
/plugin install browser-and-app-testing-tools@wasp-nestbrowser-and-app-testing-tools 구성 요소
플러그인 파일에서 읽어온 10개의 항목입니다.
Commands 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.
Agents 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
Skills 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-droneSkills는 명령어가 필요하지 않습니다. 요청이 설명과 일치하면 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 플러그인의 라이선스는 무엇인가요?
플러그인 manifest에 명시된 대로 AGPL-3.0-or-later입니다.