Can it capture full-page screenshots?

Absolutely. You can request full-page screenshots using standard CLI flags which the skill handles to provide comprehensive visual captures of any URL.

Does this skill require an MCP server setup?

No, this skill is designed to call the Playwright CLI directly from your environment, making it a lightweight alternative to traditional MCP-based browser plugins.

Can I run tests in UI mode using this skill?

Yes, you can use the skill to trigger 'npx playwright test --ui' for a visual debugging experience, provided your local environment supports GUI applications.

Which file types trigger the Playwright skill?

The skill is automatically activated when Claude detects files following the **/*.spec.ts pattern or files located within /e2e/ directories.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: garimto81

bygarimto81

•

Browser Automation

Automates browser interactions, end-to-end testing, and visual captures using the Playwright CLI directly within Claude Code.

The Playwright Browser Automation skill provides a specialized wrapper for the Playwright CLI, enabling Claude to perform complex web automation tasks without external MCP configuration. It allows for seamless execution of E2E test suites, high-resolution screenshot generation, and PDF exports. By integrating these capabilities, developers can automate repetitive web workflows, debug frontend issues, and maintain high software quality through automated visual and functional verification directly within their terminal-based AI environment.

Key Features

01High-resolution full-page and element-specific screenshots

02Interactive code generation via Playwright Codegen

031 GitHub stars

04PDF generation from live web pages

05Direct Playwright CLI integration for running E2E tests

06Automated web form filling and navigation testing

Use Cases

01Executing and debugging test suites during TDD or CI/CD workflows

02Automating complex multi-step web processes and data extraction

03Capturing visual snapshots of UI components for design reviews

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add garimto81/claude playwright-wrapper

For use in Claude.ai and ChatGPT

Download Skill