browser-verify

Automate visual and functional web page verification with Playwright.

Updated Oct 28, 2022

Search Tags:#web development #UI testing #Playwright #regression detection #browser verification

Ready to run

npx skills add https://github.com/patrykk21/dotfiles --skill browser-verify-patrykk21

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: browser-verify
Source: https://github.com/patrykk21/dotfiles/tree/main/claude/skills/browser-verify
Command: npx skills add https://github.com/patrykk21/dotfiles --skill browser-verify-patrykk21

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

This Skill automates the visual verification of web pages, ensuring that UI changes do not introduce regressions, saving time and reducing manual effort.

Core Features & Use Cases

Automated Page Verification: Checks the appearance and functionality of web pages using Playwright.
Regression Detection: Identifies visual and functional issues introduced by code changes.
Use Case: After making UI changes, use this Skill to automatically verify the page before pushing code to ensure no regressions have been introduced.

Quick Start

Verify the 'dashboards/ai-analytics' page using the browser-verify skill.

Frequently Asked Questions about browser-verify

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I automate visual verification of web pages to prevent UI regressions?▼

Automated visual verification of web pages uses Playwright to check UI components and layouts after code changes, ensuring visual and functional regressions are detected before pushing code, saving time and reducing manual effort.

How do I detect UI regressions after making web development code changes?▼

Detecting UI regressions involves running automated browser verification checks using Playwright to compare the appearance and functionality of web pages after code changes, identifying visual issues introduced by the updates.

Do I need Playwright installed to automate browser verification for web pages?▼

Yes, Playwright is a required dependency for automating browser verification, as it provides the core browser automation capabilities needed to check the appearance and functionality of web pages and detect regressions.

What is the best way to check web page layouts for visual issues before pushing code?▼

The best way to check web page layouts for visual issues is to use automated browser verification with Playwright, which verifies page appearance and functionality automatically, ensuring no regressions are introduced before pushing code.

Does browser verification work with web development workflows for checking UI components?▼

Yes, browser verification applies directly to web development workflows, specifically for checking UI components and layouts using Playwright to ensure that code changes do not introduce visual or functional regressions.