playwright-skill

Automates browser testing and web interaction tasks using Playwright scripts.

1|Updated Mar 19, 2026
One-click install
npx skills add https://github.com/tottenjordan/me-skittles --skill playwright-skill-tottenjordan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-skill
Source: https://github.com/tottenjordan/me-skittles/tree/main/gemini/playwright-skill
Command: npx skills add https://github.com/tottenjordan/me-skittles --skill playwright-skill-tottenjordan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright.

What problem does it solve? Manually testing websites, filling forms, checking responsive layouts, and verifying login flows is repetitive and error-prone. This Skill writes and executes custom Playwright automation code for any browser task, with automatic dev server detection so you never hardcode localhost URLs. ## Core Features & Use Cases - Custom Browser Automation: Writes and executes tailored Playwright scripts for any task—page testing, form filling, screenshots, link checking, and login flow validation—via a universal executor (run.js). - Auto-Detection of Dev Servers: Scans common localhost ports (3000, 3001, 5173, 8080, etc.) to find running dev servers before writing test code, eliminating hardcoded URLs. - Responsive & Visual Testing: Tests pages across desktop, tablet, and mobile viewports with full-page screenshots saved to /tmp. - Use Case: Ask the agent to "test if my login page redirects correctly"—it detects your dev server on port 3001, writes a login automation script to /tmp, executes it in a visible browser, and reports the result. ## Quick Start Ask the agent to test whether your local web app's login flow redirects to the dashboard correctly.

Frequently Asked Questions about playwright-skill

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

FAQPage Schema
How do I automate browser testing with Playwright?▼

Describe the browser task you want automated, and the skill writes a custom Playwright script to /tmp and executes it via node run.js. It auto-detects running dev servers first, so localhost URLs are parameterized rather than hardcoded.

How to test responsive design across multiple viewports?▼

The skill generates a script that sets viewport sizes for desktop (1920x1080), tablet (768x1024), and mobile (375x667), navigates to your target URL at each size, and saves full-page screenshots to /tmp for comparison.

Does Playwright support headless and visible browser modes?▼

Yes, Playwright supports both modes via the headless launch option. This skill defaults to headless: false so you can watch the automation, and only uses headless mode when you explicitly request background execution.

Can I add custom HTTP headers to Playwright requests?▼

Yes, set PW_HEADER_NAME and PW_HEADER_VALUE environment variables for a single header, or PW_EXTRA_HEADERS as a JSON object for multiple headers. Headers are applied automatically when using helpers.createContext().

Why does Playwright fail to find an element on the page?▼

Element-not-found errors usually occur when the element loads asynchronously or sits inside an iframe. Add explicit waits like page.waitForSelector with a timeout, or use waitForURL and waitForLoadState instead of fixed delays.