playwright-ui

Automate browser-based UI verification flows for SlateFlow using Playwright.

6|3|Updated Apr 30, 2026
One-click install
npx skills add https://github.com/ather-techie/SlateFlow --skill playwright-ui
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright-ui
Source: https://github.com/ather-techie/SlateFlow/tree/main/.claude/skills/playwright-ui
Command: npx skills add https://github.com/ather-techie/SlateFlow --skill playwright-ui

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This skill automates the verification of critical user journeys in the SlateFlow platform, ensuring that core features like authentication, Kanban board interactions, and sprint management remain functional during development.

Core Features & Use Cases

  • Automated UI Flows: Executes multi-step browser interactions including login, drag-and-drop, and modal navigation.
  • Health Monitoring: Performs pre-flight checks to ensure the API and frontend servers are responsive before testing.
  • Artifact Generation: Automatically captures screenshots and logs for every test run to facilitate rapid debugging of UI regressions.

Quick Start

Run the playwright-ui skill to execute the full suite of automated UI verification tests against your local development server.

Frequently Asked Questions about playwright-ui

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

FAQPage Schema
How do I automate end-to-end UI testing for a Kanban board using Playwright?

Automating end-to-end UI testing with Playwright involves scripting multi-step browser interactions like login, drag-and-drop, and modal navigation to verify critical user journeys. This skill targets Kanban board operations, sprint lifecycle management, and feature flag toggling for the SlateFlow platform.

Do I need a running local development environment for Playwright UI tests?

Yes, you need a running local development environment to perform Playwright UI tests. The skill performs pre-flight health monitoring checks to ensure the API and frontend servers are responsive before executing the end-to-end testing suite against your local instance.

How can I capture screenshots and logs automatically during a Playwright test run?

To capture screenshots and logs automatically during a Playwright test run, you execute automated UI verification flows that generate visual regression artifacts. This artifact generation facilitates rapid debugging of UI regressions for every test execution.

What is the best way to verify sprint lifecycle management and authentication flows in an agile project management platform?

The best way to verify sprint lifecycle management and authentication flows is through automated browser-based UI verification. This approach targets critical user journeys, ensuring core agile project management features remain functional during active development.

Why does automated UI testing fail if the API or frontend servers are unresponsive?

Automated UI testing fails if API or frontend servers are unresponsive because the testing framework requires a reachable application state. The skill executes pre-flight health monitoring checks to validate server responsiveness before attempting browser interactions.

Can I use Playwright to automate feature flag toggling and drag-and-drop interactions?

Yes, you can use Playwright to automate feature flag toggling and drag-and-drop interactions. The skill executes multi-step browser interactions that specifically target these critical user journeys within the SlateFlow agile project management platform.