skills.rest
sobird
sobirdCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

verifier-web-ui

Execute Playwright verification plans for Claude Code web UI interfaces.

3|1|Updated Apr 1, 2026
Search Tags:#automation#testing#react#playwright#verify#web-ui
One-click install
npx skills add https://github.com/sobird/claude-code --skill verifier-web-ui
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: verifier-web-ui
Source: https://github.com/sobird/claude-code/tree/main/.claude/skills/verifier-web-ui
Command: npx skills add https://github.com/sobird/claude-code --skill verifier-web-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the verification of Claude Code web UI components to ensure visual and functional correctness across web interfaces.

Core Features & Use Cases

  • Automated UI verification: Playwright-driven checks for the main CLI web UI, MCP servers with web UIs, and React components.
  • Plan-driven testing: Executes a verification plan exactly as written, enabling repeatable quality gates.
  • CI-ready reporting: Produces PASS/FAIL outcomes and concise reports for integration into CI pipelines.

Quick Start

Install Playwright and run the verification plan against the Claude Code web UI using the provided setup steps.

Frequently Asked Questions about verifier-web-ui

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

FAQPage Schema
How do I automate web UI verification for React components using Playwright?▼

Automate web UI verification by executing a Playwright-driven verification plan against your React components to ensure visual and functional correctness. This provides repeatable quality gates and PASS/FAIL reporting.

Can I use Playwright to verify my TypeScript React CLI web interface?▼

Yes, Playwright can verify your TypeScript React CLI web interface. It executes plan-driven tests against your development server to check the visual and functional correctness of your components.

What do I need to run automated UI testing for my MCP server web UI?▼

To run automated UI testing, you need Playwright installed and a working development server. The tool then executes your verification plan and provides PASS/FAIL outcomes for your MCP server web UI.

How do I integrate automated UI verification reporting into a CI pipeline?▼

Integrate automated UI verification into CI pipelines by running plan-driven Playwright tests. The tool produces concise PASS/FAIL reports and outcomes specifically designed for CI-ready integration.

Does plan-driven testing work for checking visual correctness in a React web UI?▼

Yes, plan-driven testing executes a verification plan exactly as written to check visual and functional correctness across web interfaces. This ensures repeatable automated UI verification for your React application.

Related Skills

Explore More Software Engineering Skills→
MakisuoMakisuo
1.6k

clickhousectl-local-dev

Install and configure a local ClickHouse environment with clickhousectl.

Community
Intermediate
jusleejuslee
2

verify-phase

Run all phase quality gates and report pass/fail results.

Community
Advanced
shuremali02shuremali02

shadcn

Provide reusable React UI components with Radix UI and Tailwind CSS theming.

Community
Advanced
benjaminshoemakerbenjaminshoemaker
39

browser-verification

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

Community
Advanced