aiskillstore/playwright-browser
skills/bind/playwright-browser/SKILL.md
Control a Playwright browser via CLI - navigate, interact, and screenshot
$ install --global
skillsauthnpx skillsauth add aiskillstore/marketplace playwright-browserInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Mar 31, 2026, 11:40 AM54.5s3 files scanned
SKILL.md
- name:
- playwright-browser
- description:
- Control a Playwright browser via CLI - navigate, interact, and screenshot
- version:
- 1.0.0
- license:
- MIT
- compatibility:
- opencode
Overview
CLI tools for controlling a Playwright browser. Uses Playwright's accessibility tree for lightweight, efficient page interaction.
Interactive Session Workflow
Start a persistent browser session and issue commands against it:
# Start session (opens visible browser window)
bun .opencode/skill/playwright-browser/session.js start
# Navigate to a site
bun .opencode/skill/playwright-browser/navigate.js https://duckduckgo.com
# Get page structure
bun .opencode/skill/playwright-browser/snapshot.js
# Type in search box and submit
bun .opencode/skill/playwright-browser/type.js "combobox:Search with DuckDuckGo" "github" --press Enter
# Click on a result
bun .opencode/skill/playwright-browser/click.js "link:GitHub"
# Take a screenshot
bun .opencode/skill/playwright-browser/screenshot.js --output result.png
# Stop session when done
bun .opencode/skill/playwright-browser/session.js stop
Commands
Session
Manage a persistent browser session for interactive use.
bun .opencode/skill/playwright-browser/session.js start
bun .opencode/skill/playwright-browser/session.js stop
bun .opencode/skill/playwright-browser/session.js status
Options:
--headless- Run in headless mode (default: headed/visible)
Examples:
bun .opencode/skill/playwright-browser/session.js start
bun .opencode/skill/playwright-browser/session.js start --headless
bun .opencode/skill/playwright-browser/session.js status
bun .opencode/skill/playwright-browser/session.js stop
Navigate
Navigate to a URL in the browser.
bun .opencode/skill/playwright-browser/navigate.js <url>
Examples:
bun .opencode/skill/playwright-browser/navigate.js https://example.com
Snapshot
Get the accessibility tree of the current page.
bun .opencode/skill/playwright-browser/snapshot.js
Shows the page structure in a text format. Use this to find elements to interact with.
Output format:
- navigation:
- link "About"
- search:
- combobox "Search"
- button "Submit"
Type
Type text into an input element on the page.
bun .opencode/skill/playwright-browser/type.js <ref> <text> [--press Enter]
Arguments:
ref- Element reference (role:name, text:content, or CSS selector)text- Text to type
Options:
--press <key>- Press a key after typing (e.g., Enter, Tab)
Examples:
bun .opencode/skill/playwright-browser/type.js "combobox:Search" "hello" --press Enter
bun .opencode/skill/playwright-browser/type.js "input[name='q']" "search query"
Click
Click an element on the page.
bun .opencode/skill/playwright-browser/click.js <ref>
Arguments:
ref- Element reference (role:name, text:content, or CSS selector)
Examples:
bun .opencode/skill/playwright-browser/click.js "button:Submit"
bun .opencode/skill/playwright-browser/click.js "link:Sign in"
Screenshot
Take a screenshot of the current page.
bun .opencode/skill/playwright-browser/screenshot.js [--output <path>] [--full]
Options:
--output <path>- Output file path (default: screenshot.png)--full- Capture full page (scrolls entire page)
Examples:
bun .opencode/skill/playwright-browser/screenshot.js
bun .opencode/skill/playwright-browser/screenshot.js --output page.png
Element References
Commands that interact with elements (type, click) accept flexible element references:
| Format | Example | Description |
|--------|---------|-------------|
| role:name | combobox:Search | Accessibility role and name |
| text:content | text:Sign in | Element containing text |
| CSS selector | #login-btn | Standard CSS selector |
| CSS selector | input[name='q'] | Attribute selector |
Recommended workflow:
- Use
snapshotto see the accessibility tree - Find the element's role and name
- Use
role:nameformat for reliable interaction
Error Recovery
Commands provide helpful error messages with suggestions:
- Element not found: "Element 'X' not found. Try: snapshot to see available elements"
- Session issues: Commands automatically start a session if none exists
- Navigation failures: "Navigation failed at URL. Try: navigate URL"
Notes
- Browser data is stored in
.playwright-data/in the project root - The persistent context maintains cookies and localStorage between sessions
- Commands use
networkidlewait for reliable page loading
Related Skills
aiskillstore/hig-components-content
development
VerifiedTrustedCommunity
Apple Human Interface Guidelines for content display components. Use this skill when the user asks about charts component, collection view, image view, web view, color well, image well, activity view, lockup, data visualization, content display, displaying images, rendering web content, color pickers, or presenting collections of items in Apple apps. Also use when the user says how should I display charts, what's the best way to show images, should I use a web view, how do I build a grid of items, what component shows media, or how do I present a share sheet. Cross-references: hig-foundations for color/typography/accessibility, hig-patterns for data visualization patterns, hig-components-layout for structural containers, hig-platforms for platform-specific component behavior.
244SKILL.mdUpdated Apr 10, 2026
aiskillstore/helpdesk-automation
tools
VerifiedTrustedCommunity
Automate HelpDesk tasks via Rube MCP (Composio): list tickets, manage views, use canned responses, and configure custom fields. Always search tools first for current schemas.
244SKILL.mdUpdated Apr 10, 2026
aiskillstore/haskell-pro
testing
VerifiedTrustedCommunity
Expert Haskell engineer specializing in advanced type systems, pure functional design, and high-reliability software. Use PROACTIVELY for type-level programming, concurrency, and architecture guidance.
244SKILL.mdUpdated Apr 10, 2026
aiskillstore/graphql
tools
VerifiedTrustedCommunity
GraphQL gives clients exactly the data they need - no more, no less. One endpoint, typed schema, introspection. But the flexibility that makes it powerful also makes it dangerous. Without proper controls, clients can craft queries that bring down your server. This skill covers schema design, resolvers, DataLoader for N+1 prevention, federation for microservices, and client integration with Apollo/urql. Key insight: GraphQL is a contract. The schema is the API documentation. Design it carefully.
244SKILL.mdUpdated Apr 10, 2026