ui-test

Automate Playwright UI testing for every role and responsive view.

Updated Jun 6, 2026

Search Tags:#responsive design #Playwright #ui testing #web application #role-based testing

Ready to run

npx skills add https://github.com/TopengDev/pi-setup --skill ui-test-topengdev

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: ui-test
Source: https://github.com/TopengDev/pi-setup/tree/main/skills/ui-test
Command: npx skills add https://github.com/TopengDev/pi-setup --skill ui-test-topengdev

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

This Skill automates UI testing for every role and responsive view, ensuring every interactive element is tested and functional.

Core Features & Use Cases

Exhaustive Testing: Tests every interactive element on every page for every role.
Quick and Full Modes: Quick mode for page crawl and visibility checks, full mode for exhaustive element testing and flows.
Responsive Testing: Tests UI elements at mobile, tablet, and desktop breakpoints.
Use Case: For a web application, use this Skill to ensure that all UI elements are functional and responsive for all users, regardless of their role or device.

Quick Start

Run the ui-test skill to perform automated UI testing on your application.

Frequently Asked Questions about ui-test

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

FAQPage Schema

How do I automate UI testing for multiple user roles in a web application?▼

Automated UI testing for multiple roles handles interactive elements for every user type in a web application. This approach uses Playwright to execute tests across all roles, ensuring role-specific interfaces function correctly.

Can I test responsive design at mobile, tablet, and desktop breakpoints using Playwright?▼

Yes, responsive design testing covers mobile, tablet, and desktop breakpoints using Playwright. It evaluates UI elements across different device viewport sizes to verify layout adaptability and interactive functionality.

Do I need a running development server to perform automated UI testing?▼

Yes, a running development server is required to perform automated UI testing. Playwright executes test scripts against the active local server environment to interact with live web application pages and elements.

What is the difference between quick mode and full mode in web application UI testing?▼

Quick mode performs a page crawl and visibility checks, while full mode executes exhaustive interactive element testing and user flows. Both UI testing modes leverage Playwright to validate web application functionality.

How do I test every interactive element on a page for different user roles?▼

To test every interactive element for different roles, run an exhaustive UI testing mode using Playwright. This process iterates through all user roles to click and validate interactive elements on every page.

What are the limitations of using Playwright for role-based responsive testing?▼

Playwright role-based responsive testing requires a continuously running development server and valid role credentials. It focuses on functional UI interactions and does not replace visual regression testing or backend API load testing.