test-ui

Automate browser-based UI testing with Playwright and backend diagnostic tools.

1|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/mamu7211/feirb-mailclient --skill test-ui-mamu7211
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: test-ui
Source: https://github.com/mamu7211/feirb-mailclient/tree/main/.claude/skills/test-ui
Command: npx skills add https://github.com/mamu7211/feirb-mailclient --skill test-ui-mamu7211

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill eliminates manual regression testing by providing a structured way to verify UI functionality, layout, and data integrity directly within the browser.

Core Features & Use Cases

  • End-to-End Verification: Combines browser interaction with backend data checks to ensure features work as expected.
  • Visual & Functional Testing: Supports screenshots, accessibility tree snapshots, and form interactions to validate UI components.
  • Use Case: After implementing a new mail composition feature, use this skill to verify that the CC/BCC toggle correctly updates the UI and that the backend correctly processes the resulting email data.

Quick Start

Use the test-ui skill to navigate to the compose page and verify that the CC and BCC fields appear when the toggle is enabled.

Frequently Asked Questions about test-ui

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

FAQPage Schema
How do I automate browser-based UI testing for web applications?

Automated browser UI testing uses frameworks like Playwright to simulate user interactions, verify state changes, and validate form submissions across multiple pages. This skill structures those interactions to eliminate manual regression testing.

Can I verify end-to-end user flows that include backend database queries?

End-to-end UI verification can integrate API health checks and database queries alongside browser interactions. This approach validates that frontend state changes correctly trigger backend data processing for comprehensive functional coverage.

How do I validate visual layout and accessibility tree snapshots during web testing?

Visual and functional UI testing captures screenshots and accessibility tree snapshots to validate component layouts. This ensures that UI elements render correctly and meet accessibility standards during automated browser interactions.

Does Playwright support automated verification for multi-page form interactions?

Playwright supports multi-page form interactions by automating browser navigation and input events. This skill uses Playwright to verify that toggles, fields, and form submissions correctly update the UI and backend state.

What is the best way to verify a mail composition UI feature like a CC and BCC toggle?

Verifying a mail composition UI feature requires automating browser navigation to the compose page and validating that the CC and BCC fields appear when the toggle is enabled. Backend checks ensure the resulting email data processes correctly.

Why combine API health checks with browser automation for UI verification?

Combining API health checks with browser automation ensures comprehensive functional validation across the stack. It verifies that frontend interactions correctly correspond to backend state changes, preventing data integrity issues.