Skill UI

Use Playwright to record polished UI demo videos with an injected cursor, natural pacing, and storytelling flow, following the Discover → Rehearse → Record phases so walkthroughs, tutorials, or feature showcases stay reliable and professional.

Craft polished demo videos from screenshots or scene descriptions, orchestrating Playwright screenshots, narration via edge-tts, and ffmpeg compositing with clear story beats, pacing, and single-focus scenes so product walkthroughs and marketing teasers feel cinematic.

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.

A general-purpose skill for writing and executing end-to-end (E2E) browser automation tests using Playwright. It handles complex scenarios such as login flows, form submission, responsive viewport testing, and checking for broken links. The skill automatically detects local development servers and executes custom scripts in a safe, temporary directory, providing real-time debugging and results visualization.

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.

This skill allows fine-grained control over how the browser environment is initialized. It manages two primary modes: the default managed CDP connection and a dedicated Playwright management mode (activated by setting private_mode=true). Users can also control the visibility of the browser window using the 'headed' parameter. This is crucial for scenarios requiring specific browser detection bypass or when switching between CDP-managed and Playwright-managed sessions.