Which package managers does it work with?

It supports all major Node.js package managers including npm, yarn, pnpm, and bun by detecting their respective lockfiles.

Does it support Docker environments?

Yes, the skill automatically detects docker-compose.yml files and can launch your service stack before starting the verification process.

Can it check for JavaScript errors?

Yes, the skill explicitly checks browser console messages for errors during the verification workflow and reports them if found.

Do I need Playwright installed to use this skill?

Yes, this skill requires the Playwright MCP server to be installed and configured in your Claude Code settings to perform browser actions.

Web Change Verifier

Name: Web Change Verifier
Author: fx

byfx

•

브라우저 자동화

Verifies web application changes by launching the local development stack and performing automated browser-based testing.

소개

The verify-web-change skill automates the validation of web application updates by spinning up the necessary services and using Playwright MCP to interact with the UI. It intelligently analyzes Git diffs to understand the scope of changes, launches the application stack via Docker Compose or standard package managers, and performs visual and functional assertions in a real browser. This ensures that pull requests work as intended and remain free of console errors or regressions before the code is finalized.

주요 기능

Support for major frameworks including Next.js, Vite, Remix, and SvelteKit.
Automatic detection and launch of Docker Compose or local dev servers.
Automated browser navigation, snapshotting, and interaction via Playwright.
1 GitHub stars
Real-time monitoring of browser console errors and network failures.
Intelligent Git diff analysis to identify and target specific UI changes.

사용 사례

Validating UI components and interactions immediately after completing a pull request.
Verifying visual consistency across different application routes after style changes.
Automated smoke testing of local development builds to ensure the app boots correctly.

소개

주요 기능

Support for major frameworks including Next.js, Vite, Remix, and SvelteKit.
Automatic detection and launch of Docker Compose or local dev servers.
Automated browser navigation, snapshotting, and interaction via Playwright.
1 GitHub stars
Real-time monitoring of browser console errors and network failures.
Intelligent Git diff analysis to identify and target specific UI changes.

사용 사례

Validating UI components and interactions immediately after completing a pull request.
Verifying visual consistency across different application routes after style changes.
Automated smoke testing of local development builds to ensure the app boots correctly.