Skill UI

This comprehensive skill provides a full workflow for creating high-quality, annotated animated GIFs and screen recordings. It supports capturing multi-step UI interactions using Playwright, assembling dynamic GIFs with imageio, applying variable frame timing, and adding sophisticated annotations (including fade-in effects) for clear documentation, pull request descriptions, or release note demos.

A comprehensive skill for capturing and documenting web application and graphical UI states during the development cycle. It supports full-page captures using Playwright, reliable post-processing cropping with PIL, capturing interactive states (hovers, selections), and even handles non-web desktop applications using mss/ctypes.

This deployment skill is designed to be integrated into the Playwright testing workflow. Its primary function is to validate the loading process of shared skills across the entire environment during the startup phase. It ensures that all necessary components and modules are correctly registered and available for reliable End-to-End (E2E) testing execution.

This skill generates comprehensive visual regression test configurations using SmartUI for accurate screenshot comparison on cloud platforms. It is framework-agnostic, supporting major tools like Playwright, Selenium, Cypress, and Puppeteer. Use it when detecting UI changes, ensuring visual consistency, or running automated visual tests across multiple viewports and browsers.

This skill serves as a senior QA automation architect to migrate and convert UI test automation scripts between popular frameworks, including Selenium, Playwright, Puppeteer, and Cypress. It handles complex conversions by applying API mapping, lifecycle adjustments, and pattern standardization, allowing users to port tests from one framework to another efficiently.

A comprehensive guide to building robust, reliable, and maintainable End-to-End (E2E) test suites using Playwright. This includes implementing the Page Object Model (POM), configuring advanced Playwright settings for CI/CD, managing artifacts (screenshots, traces), and strategies for handling flaky tests to ensure high test stability.

This powerful tool utilizes Playwright to record high-quality, professional web application demo videos. It simulates natural user interactions, injecting a visible cursor overlay and adhering to specific pacing guidelines. It is ideal for creating comprehensive tutorials, feature walk-throughs, or documentation for stakeholders.

Provides a comprehensive setup for Playwright End-to-End (E2E) testing. This skill automatically analyzes your project structure (framework detection, TypeScript/JavaScript) and generates all necessary files: the core playwright.config.ts, standardized folder structure, initial test examples, and full CI/CD workflows (GitHub Actions/GitLab). It ensures your testing environment is production-ready, supporting modern frameworks like Next.js, React, Vue, and Angular.

This skill systematically audits Playwright End-to-End (E2E) test files. It checks for common anti-patterns, adherence to best practices, and identifies coverage gaps across the entire test suite. It provides a detailed score (1-10) and generates actionable reports, including suggested code fixes, significantly improving test reliability and maintainability.

This deployment skill is designed to be integrated into the Playwright testing workflow. Its primary function is to validate the loading process of shared skills across the entire environment during the startup phase. It ensures that all necessary components and modules are correctly registered and available for reliable End-to-End (E2E) testing execution.

Provides AI coding tools with browser-based end-to-end testing via declarative YAML scenarios and Playwright, including visual matching (OpenCV + OCR), platform auto-detection, and structured failure diagnosis.

This SDK enables running Playwright tests at scale using cloud-hosted browsers integrated with Azure portal reporting. It supports TypeScript configuration, Microsoft Entra ID authentication, and CI/CD integration for GitHub Actions and Azure Pipelines. Ideal for enterprise testing workflows requiring managed browser infrastructure and centralized reporting.