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

•

Browser Automation

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.

Key Features

01Support for major frameworks including Next.js, Vite, Remix, and SvelteKit.

02Automatic detection and launch of Docker Compose or local dev servers.

03Automated browser navigation, snapshotting, and interaction via Playwright.

041 GitHub stars

05Real-time monitoring of browser console errors and network failures.

06Intelligent Git diff analysis to identify and target specific UI changes.

Use Cases

01Validating UI components and interactions immediately after completing a pull request.

02Verifying visual consistency across different application routes after style changes.

03Automated smoke testing of local development builds to ensure the app boots correctly.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fx/cc verify-web-change

For use in Claude.ai and ChatGPT

Download Skill