playwright

Automate browser tasks for screenshots, scraping, form automation, and E2E tests.

12|1|Updated Nov 23, 2025
One-click install
npx skills add https://github.com/jiunbae/agent-skills --skill playwright-jiunbae
Or copy as Structured Prompt for Agentโ–ผ
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/jiunbae/agent-skills/tree/main/development/playwright
Command: npx skills add https://github.com/jiunbae/agent-skills --skill playwright-jiunbae

SYSTEM DOCUMENTATION & REQUIREMENTS

๐Ÿ’ก This Skill requires playwright, and includes scripts (resource) and references (resource) components.

What problem does it solve?

Playwright๋ฅผ ํ™œ์šฉํ•œ ๋ธŒ๋ผ์šฐ์ € ์ž๋™ํ™”๋กœ ์Šคํฌ๋ฆฐ์ƒท, ์›น ์Šคํฌ๋ž˜ํ•‘, ํผ ์ž๋™ํ™”, E2E ํ…Œ์ŠคํŠธ๋ฅผ ํ•œ ๊ณณ์—์„œ ๊ด€๋ฆฌํ•ฉ๋‹ˆ๋‹ค.

Core Features & Use Cases

  • ์Šคํฌ๋ฆฐ์ƒท/์Šคํฌ๋ฆฐ์ƒท ์‹œํ€€์Šค: ์ „์ฒด ํŽ˜์ด์ง€/๋ถ€๋ถ„ ํŽ˜์ด์ง€ ์Šคํฌ๋ฆฐ์ƒท
  • ์›น ์Šคํฌ๋ž˜ํ•‘: CSS ์…€๋ ‰ํ„ฐ๋กœ ๋ฐ์ดํ„ฐ ์ถ”์ถœ
  • ํผ ์ž๋™ํ™”/ํ…Œ์ŠคํŠธ: ์ž…๋ ฅ, ํด๋ฆญ, ๊ฒ€์ฆ ์ž๋™ํ™”
  • E2E ํ…Œ์ŠคํŠธ ํ…œํ”Œ๋ฆฟ: ์žฌ์‚ฌ์šฉ ๊ฐ€๋Šฅํ•œ ํ…Œ์ŠคํŠธ ํ…œํ”Œ๋ฆฟ ์ œ๊ณต

Quick Start

์˜ˆ: "langdetector ํŽ˜์ด์ง€๋ฅผ ์Šคํฌ๋ฆฐ์ƒท์œผ๋กœ ์ €์žฅํ•ด์ค˜"

Frequently Asked Questions about playwright

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

FAQPage Schema
How do I automate browser screenshots and web scraping with Playwright?โ–ผ

Playwright automates browser tasks by controlling page navigation, capturing screenshots, and extracting data using CSS selectors. The Skill provides CLI commands like navigate, screenshot, and scrape to perform these actions across web applications with configurable viewports, wait strategies, and error handling.

Can I use Playwright for end-to-end testing and form automation?โ–ผ

Yes, Playwright supports E2E testing and form automation through commands like click, type, and eval. The Skill includes reusable test templates and robust error handling to automate user interactions, validate page behavior, and run automated tests across web applications.

What browsers and platforms does Playwright support for automation?โ–ผ

Playwright automates Chromium, Firefox, and WebKit browsers across Windows, Linux, and macOS. The Skill configures viewport, timeout, and wait strategies to handle cross-browser automation with consistent behavior and reliable page interactions.

How do I extract data from web pages using CSS selectors in Playwright?โ–ผ

Use the scrape command with CSS selectors to extract targeted data from web pages. Playwright locates elements, retrieves their content or attributes, and returns structured data for processing or export downstream.

Does Playwright handle dynamic content and wait for page elements to load?โ–ผ

Yes, Playwright implements configurable wait strategies and timeouts to handle dynamic content, asynchronous loading, and timing issues. The Skill waits for elements to appear before interacting, reducing flaky test failures and improving automation reliability.

What are the limitations when automating headless browsers with Playwright?โ–ผ

Playwright automation works in both headless and headed modes but may encounter timing issues with heavily obfuscated sites, require authentication handling for gated content, and depend on stable CSS selectors that break if page structure changes.