skills.rest
atournayre
atournayreCOMMUNITY
Explore all skills by this author →
GitHub

tester:ui-test

Automate Chrome UI testing with visual validation and GIF reports.

Updated Feb 24, 2026
Search Tags:#test automation#debugging#ui testing#visual validation#responsive testing#chrome automation
One-click install
npx skills add https://github.com/atournayre/claude-personas --skill tester-ui-test
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: tester:ui-test
Source: https://github.com/atournayre/claude-personas/tree/main/tester/skills/ui-test
Command: npx skills add https://github.com/atournayre/claude-personas --skill tester-ui-test

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill automates the testing of user interfaces directly within Chrome, ensuring functionality, responsiveness, and visual integrity across different devices and scenarios.

Core Features & Use Cases

  • Comprehensive UI Testing: Covers navigation, clicks, visual validation, functional tests, responsive behavior, and debugging.
  • Scenario Execution: Test specific user flows like login or form submission.
  • Visual & Debugging Tools: Captures screenshots, generates GIFs of user journeys, and analyzes console logs and network requests.
  • Use Case: Automatically test your web application's login page on mobile, tablet, and desktop viewports, capturing screenshots for visual verification and generating a GIF of the entire process.

Quick Start

Run a responsive UI test on https://example.com with visual validation and GIF recording.

Frequently Asked Questions about tester:ui-test

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

FAQPage Schema
How do I automate UI testing in Chrome across multiple viewports?▼

Automate UI testing in Chrome by navigating to a specified URL and executing predefined scenarios to perform visual and functional validations across multiple viewports. The process captures screenshots and generates detailed reports to verify responsive behavior.

Can I capture a GIF of a user journey during Chrome automation?▼

Yes, Chrome automation supports generating animated GIFs of user journeys alongside capturing screenshots. This provides a visual record of the testing process, detailing how the interface behaves during scenario execution.

Does UI test automation support debugging through console logs and network requests?▼

UI test automation supports debugging by analyzing console logs and network requests during execution. This allows you to identify functional errors and track network activity while navigating through specific test scenarios.

What is the best way to test specific web application flows like login pages?▼

The best way to test specific web application flows is through scenario execution, which automates predefined user paths like login or form submission. It validates functional tests and captures visual evidence across different device viewports.

How do I perform visual validation during responsive testing?▼

Perform visual validation during responsive testing by executing general exploration or scenarios across mobile, tablet, and desktop viewports. The automation captures screenshots to verify visual integrity and ensures functionality across devices.

Related Skills

Explore More Software Engineering Skills→
mitsuhikomitsuhiko
2.8k

web-browser

Control Chrome via DevTools Protocol to navigate, click, fill forms, and evaluate JavaScript.

Community
Advanced
ArvincreatorArvincreator
637

Optic Nerve

Extract code, layout, and visual details from images and screenshots.

Community
Intermediate
Ming-Kai-LCMing-Kai-LC

fyp-statistical-validator

Automate statistical validation and APA-formatted reporting for ML experiments.

Community
Advanced
tom-xstom-xs

playwright-cli

Operate a live browser via command line with Playwright.

Community
Advanced