How do I debug what the AI is seeing on the page?

The skill generates snapshots automatically after interactions, and you can use 'screenshot', 'console', or 'network' commands to inspect the browser state in detail.

Does this skill support mocking API responses?

Absolutely. You can use the 'route' command to intercept network requests and provide mock data or specific HTTP status codes for testing purposes.

How do I start a browser session with this skill?

You can start a session using the 'playwright-cli open' command, which can optionally include a specific URL or browser type such as chrome, firefox, or webkit.

Can I handle authenticated sessions and cookies?

Yes, the skill provides dedicated storage commands like 'state-save' and 'cookie-set' to manage authentication states and persistent user data across sessions.

Playwright Browser Automation

Name: Playwright Browser Automation
Author: yuiseki

byyuiseki

0•

ブラウザ自動化

Automates browser interactions for web testing, data extraction, and complex UI workflows.

This skill empowers Claude to interact directly with web browsers using the Playwright framework. It provides a comprehensive suite of tools for navigating websites, filling forms, taking screenshots, managing browser sessions, and extracting data. Whether you're debugging web applications, performing end-to-end testing, or automating repetitive web-based tasks, this skill allows for precise control over elements, network traffic, and storage state across multiple browser engines including Chromium, Firefox, and WebKit.

主な機能

01Visual debugging tools with snapshots, screenshots, and video recording

020 GitHub stars

03Network intercepting and request mocking for robust testing

04Full browser control across Chrome, Firefox, WebKit, and Edge

05Advanced state management for cookies, localStorage, and session storage

06Interactive DOM manipulation including click, type, drag-and-drop, and hover

ユースケース

01Automating repetitive form submissions and multi-step web workflows

02Automated end-to-end (E2E) testing for modern web applications

03Web scraping and structured data extraction from dynamic, JavaScript-heavy sites

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yuiseki/ai-secretary playwright-cli

For use in Claude.ai and ChatGPT

主な機能

01Visual debugging tools with snapshots, screenshots, and video recording

020 GitHub stars

03Network intercepting and request mocking for robust testing

04Full browser control across Chrome, Firefox, WebKit, and Edge

05Advanced state management for cookies, localStorage, and session storage

06Interactive DOM manipulation including click, type, drag-and-drop, and hover

ユースケース

01Automating repetitive form submissions and multi-step web workflows

02Automated end-to-end (E2E) testing for modern web applications

03Web scraping and structured data extraction from dynamic, JavaScript-heavy sites

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add yuiseki/ai-secretary playwright-cli

For use in Claude.ai and ChatGPT