Skill UI

Automates staging/preview browser checkpoints using MCP tools (claude-in-chrome, Playwright, Puppeteer) for smoke, interaction, visual regression, and accessibility tests, ensuring UI, networking, and accessibility health before release.

Defines a default context-mode workflow for safely handling large outputs, CLI commands, Playwright captures, and MCP integrations, ensuring all non-trivial operations use ctx_execute or ctx_execute_file for predictable performance.

This skill demonstrates how to use Playwright MCP to programmatically automate the process of inputting data into a web form. It covers various input types, including text fields, date selection, time setting, and file uploads. The process simulates realistic user interaction for data entry or form submission testing, emphasizing the ability to fill data without final submission for review purposes.

This tool automates the creation of robust Playwright end-to-end tests. Given a detailed user scenario, it executes a multi-step process using the Playwright MCP, generating high-quality, executable Playwright TypeScript code. It saves the test file and automatically runs and iterates the test until it passes, ensuring comprehensive functional coverage and reliable validation.

This skill guides comprehensive website exploration using Playwright MCP for robust testing. It involves navigating a specified URL, identifying and simulating 3-5 core user flows, meticulously documenting user interactions, relevant UI locators, and expected outcomes. Upon completion, the skill summarizes findings and generates detailed, actionable test cases, ensuring thorough coverage of the application's functionality.