browser-verification

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

39|5|Updated Dec 28, 2025
One-click install
npx skills add https://github.com/benjaminshoemaker/ai_coding_project_base --skill browser-verification
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: browser-verification
Source: https://github.com/benjaminshoemaker/ai_coding_project_base/tree/main/.claude/skills/browser-verification
Command: npx skills add https://github.com/benjaminshoemaker/ai_coding_project_base --skill browser-verification

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill automates browser-based verification of UI criteria using MCP tooling, reducing manual QA effort and speeding up release cycles.

Core Features & Use Cases

  • Automated browser-based verification of UI criteria across local development, preview, and staging environments.
  • Evidence capture (screenshots, logs, and traces) for each criterion to support verification.
  • Use Case: Validate login, dashboard, and profile pages to ensure elements are visible, text matches expectations, and actions produce correct outcomes across environment changes.

Quick Start

Start by configuring your verification plan, then run the browser verification sequence to validate a route like /login and generate evidence reports.

Frequently Asked Questions about browser-verification

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

FAQPage Schema
How do I automate browser-based UI verification for web apps?

Automate browser-based UI verification by configuring a verification plan and running a browser verification sequence against specific routes. This validates UI criteria across local, preview, and staging environments while generating structured result reports.

Can I capture screenshots and logs as evidence during automated UI testing?

Yes, evidence capture during automated UI testing collects screenshots, logs, and traces for each validation criterion. This evidence supports verification by documenting element visibility, text matching, and action outcomes across environment changes.

How does MCP tooling handle authentication for end-to-end UI validation?

MCP tooling handles authentication for end-to-end UI validation through its multi-tool automation fallback mechanism. This ensures login, dashboard, and profile pages are correctly validated by managing authentication state across local, preview, and staging environments.

What is the best way to validate UI state and layout across staging and preview environments?

The best way to validate UI state and layout across staging and preview environments is running an automated browser verification sequence. It applies HTTP-first optimization to check element visibility, text matching, and interaction outcomes, producing structured result reports.

Does automated browser verification support accessibility and interaction checks?

Yes, automated browser verification supports accessibility and interaction checks alongside layout and state validation. It executes end-to-end UI validation scenarios using MCP tooling to ensure actions produce correct outcomes across different environment configurations.