playwright-skill

Automates browser testing and web interactions using Playwright with dev server detection.

1|Updated Aug 24, 2026
One-click install
npx skills add https://github.com/CliffVale/opencode-free-setup --skill playwright-skill-cliffvale
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-skill
Source: https://github.com/CliffVale/opencode-free-setup/tree/main/skills/playwright-skill
Command: npx skills add https://github.com/CliffVale/opencode-free-setup --skill playwright-skill-cliffvale

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright.

What problem does it solve? Manually testing web pages across viewports, filling forms, and verifying login flows is repetitive and error-prone. This Skill writes and executes custom Playwright automation scripts on demand, with automatic detection of running local dev servers. ## Core Features & Use Cases - Custom Browser Automation: Generates and runs Playwright scripts for any browser task—page testing, form filling, screenshots, link checking, and login flow validation. - Dev Server Auto-Detection: Scans common localhost ports (3000, 3001, 5173, 8080, etc.) to find running dev servers before writing test code. - Responsive Design Testing: Captures full-page screenshots across desktop, tablet, and mobile viewports. - Use Case: Ask to verify your app's login flow; the Skill detects your dev server on port 3001, writes a login test script to /tmp, executes it in a visible browser, and confirms the redirect to the dashboard. ## Quick Start Ask the assistant to test your local web app or take a screenshot of a page, and it will detect your dev server and run a Playwright script automatically.

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 task you want automated, and the Skill writes a custom Playwright script to /tmp and executes it via the run.js wrapper. It auto-detects local dev servers first, so you rarely need to specify URLs manually.

How to test responsive design across multiple viewports?▼

The Skill generates a script that resizes the page to desktop (1920x1080), tablet (768x1024), and mobile (375x667) viewports, capturing a full-page screenshot at each size. Screenshots are saved to /tmp for review.

Does Playwright require a separate browser installation?▼

Yes, run npm run setup in the skill directory once to install the playwright package and Chromium. Firefox and WebKit can be added with the install-all-browsers script.

Can I run Playwright tests in headless mode?▼

Yes, but this Skill defaults to headless: false so you can watch the browser. Headless mode is only used when you explicitly request headless or background execution.

Why does my Playwright script fail with module not found?▼

This happens when scripts run outside the skill directory where the playwright package is installed. Always execute through the run.js wrapper from the skill directory, which handles module resolution automatically.