playwright

Browser automation via Playwright MCP. Use for web scraping, taking screenshots, interacting with web pages, testing web UIs, and automating browser tasks. Headless browser support.

16 stars

Best use case

playwright is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Browser automation via Playwright MCP. Use for web scraping, taking screenshots, interacting with web pages, testing web UIs, and automating browser tasks. Headless browser support.

Teams using playwright should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/playwright/SKILL.md --create-dirs "https://raw.githubusercontent.com/plurigrid/asi/main/plugins/asi/skills/playwright/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/playwright/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How playwright Compares

Feature / AgentplaywrightStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Browser automation via Playwright MCP. Use for web scraping, taking screenshots, interacting with web pages, testing web UIs, and automating browser tasks. Headless browser support.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Playwright Browser Automation

Control browsers via Playwright MCP server.

## When to Use

- Web scraping and data extraction
- Taking screenshots of web pages
- Interacting with web UIs (clicking, typing, navigating)
- Testing web applications
- Automating browser-based workflows
- Filling forms and submitting data

## Setup

MCP server configured in `~/.mcp.json`:
```json
{
  "playwright": {
    "command": "npx",
    "args": ["-y", "@anthropic-ai/mcp-server-playwright"]
  }
}
```

## Common Tools

### Navigation
- `navigate_page` - Go to a URL
- `new_page` - Open new browser tab
- `list_pages` - Show open pages

### Interaction
- `click` - Click elements
- `fill` - Type into input fields
- `select` - Choose from dropdowns
- `press` - Press keyboard keys

### Capture
- `take_screenshot` - Screenshot current page
- `get_page_content` - Get page HTML
- `get_text` - Extract visible text

### Evaluation
- `evaluate` - Run JavaScript in page context

## Example Workflows

### Screenshot a Page
1. `navigate_page(url="https://example.com")`
2. `take_screenshot()`

### Fill a Form
1. `navigate_page(url="https://example.com/form")`
2. `fill(selector="#email", value="user@example.com")`
3. `fill(selector="#password", value="secret")`
4. `click(selector="button[type=submit]")`

### Extract Data
1. `navigate_page(url="https://example.com/data")`
2. `get_text(selector=".results")`

## Tips

- Use CSS selectors or XPath for element targeting
- Wait for page loads before interacting
- Browser runs headless by default
- Screenshots are useful for debugging



## Scientific Skill Interleaving

This skill connects to the K-Dense-AI/claude-scientific-skills ecosystem:

### Graph Theory
- **networkx** [○] via bicomodule
  - Universal graph hub

### Bibliography References

- `general`: 734 citations in bib.duckdb

## Cat# Integration

This skill maps to **Cat# = Comod(P)** as a bicomodule in the equipment structure:

```
Trit: 0 (ERGODIC)
Home: Prof
Poly Op: ⊗
Kan Role: Ran_K
Color: #26D826
```

### GF(3) Naturality

The skill participates in triads satisfying:
```
(-1) + (0) + (+1) ≡ 0 (mod 3)
```

This ensures compositional coherence in the Cat# equipment structure.