Dotfiles playwriter

Control the user Chrome browser via Playwriter extension with Playwright code snippets in a stateful local js sandbox. Automate web interactions, take screenshots, inspect accessibility trees, and debug web applications.

install

source · Clone the upstream repo

git clone https://github.com/samhvw8/dotfiles

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/samhvw8/dotfiles "$T" && mkdir -p ~/.claude/skills && cp -r "$T/dot_ccp/hub/skills/playwriter" ~/.claude/skills/samhvw8-dotfiles-playwriter && rm -rf "$T"

manifest: dot_ccp/hub/skills/playwriter/SKILL.md

source content

Quick Start

# Get a session ID first
playwriter session new
# => 1

# Execute code with your session
playwriter -s 1 -e "await page.goto('https://example.com')"
playwriter -s 1 -e "console.log(await accessibilitySnapshot({ page }))"
playwriter -s 1 -e "await page.screenshot({ path: 'shot.png', scale: 'css' })"

playwriter

is not found, use

npx playwriter@latest

bunx playwriter@latest

Full Documentation

Always run

playwriter skill

to get the complete, up-to-date skill instructions.

The skill command outputs detailed docs on:

Session management
Context variables (
```
state
```
,
```
page
```
,
```
context
```
)
Best practices and rules
Accessibility snapshots and screenshots
Selector strategies
Working with pages, navigation, popups, downloads
Utility functions (
```
getCleanHTML
```
,
```
getCDPSession
```
,
```
createDebugger
```
, etc.)
Network interception for API scraping
And more...

playwriter skill