skills.rest
patrykk21
patrykk21COMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/patrykk21/dotfiles --skill browser-verify-patrykk21
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
fgarofalo56fgarofalo56
6

playwright-mcp

Automate browser interactions for web scraping, form filling, and testing with Playwright MCP tools.

Community
Advanced
benjaminshoemakerbenjaminshoemaker
39

browser-verification

Automate browser-based UI verification with MCP tooling and evidence capture.

Community
Advanced
shredbxshredbx

frontend-storyboard-artist

Automate Storybook component library creation with MDX docs, props tables, and visual regression tests.

Community
Intermediate
aquariuscookaquariuscook

visual-testing-advanced

Compare screenshots across viewports and browsers to detect visual regressions.

Community
Advanced