skills.rest
BuilderIO
BuilderIOOFFICIAL
Explore all skills by this author →
WebsiteGitHub

playwright-cli

Automate browser interactions and Playwright test workflows via command-driven tooling.

11|2|Updated Mar 19, 2026
Search Tags:#test generation#browser automation#playwright#ui testing#end-to-end testing#web debugging
One-click install
npx skills add https://github.com/BuilderIO/builder-agent-skills --skill playwright-cli-builderio
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: playwright-cli
Source: https://github.com/BuilderIO/builder-agent-skills/tree/main/playwright
Command: npx skills add https://github.com/BuilderIO/builder-agent-skills --skill playwright-cli-builderio

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill removes the complexity of manually controlling browsers, debugging web flows, and creating reliable end-to-end tests by providing structured Playwright automation workflows.

Core Features & Use Cases

  • Browser Automation: Navigate pages, interact with elements, manage sessions, inspect DOM attributes, and automate user workflows through playwright-cli.
  • Testing Workflows: Plan, generate, debug, and heal Playwright tests with spec-driven testing guidance and generated test code.
  • Advanced Debugging: Capture traces, videos, network behavior, storage state, and browser diagnostics for troubleshooting web applications.

Quick Start

Use the playwright-cli skill to open a website, inspect its elements, and automate a user interaction flow.

Frequently Asked Questions about playwright-cli

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

FAQPage Schema
How do I generate end-to-end tests for a web application automatically?▼

Browser automation with this approach allows you to navigate pages, interact with elements, and manage sessions through playwright-cli commands, executing user workflows without manual browser control.

How do I debug failing UI tests and capture browser state?▼

Advanced debugging in Playwright captures traces, videos, network behavior, and storage state to diagnose web application failures, allowing you to inspect DOM attributes and review browser diagnostics for troubleshooting.

Can I manage browser sessions and storage state during web automation?▼

Yes, Playwright automation workflows support session management by capturing and applying storage state, allowing you to maintain authenticated browser contexts and persist sessions across multiple test interactions.

What is the best way to automate browser navigation and inspect DOM attributes?▼

Using playwright-cli commands provides structured browser automation to navigate pages, inspect DOM attributes, and automate user interactions, removing the complexity of manually controlling browsers and debugging web flows.

Do I need prior Playwright test workflows to use this browser automation approach?▼

No, Playwright automation workflows provide spec-driven testing guidance and generated test code, removing the complexity of manually creating reliable end-to-end tests and structuring web debugging tasks.

Related Skills

Explore More Software Engineering Skills→
namninhndnamninhnd

Playwright Browser Automation

Automate web browser interactions with Playwright via MCP server or Node.js API.

Community
Advanced
williamzujkowskiwilliamzujkowski
17

e2e-testing

Automate end-to-end web app testing with Playwright or Cypress in CI/CD pipelines.

Community
Intermediate
adbertramadbertram

playwright

Create Playwright E2E tests using Page Object Model and selector strategies.

Community
Intermediate
onelee85onelee85

gsd-map-codebase

Analyze a codebase and generate seven planning documents in .planning/codebase/.

Community
Advanced