# Playwright

> Use Playwright for browser automation in this workspace. Install locally and run scripts as needed.

- Skill: `rcarmo/playwright` (Agent Skill)
- Install (CLI): `npx skillmds@latest add rcarmo/playwright`
- Raw SKILL.md: https://api.skillmd.com/api/skills/rcarmo/playwright/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: rcarmo (https://skillmd.com/u/rcarmo)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/rcarmo/playwright

---


# Playwright

Use Playwright for browser automation and web scraping.

## Steps

1. Ensure the project has a `package.json` (create if missing):
   ```bash
   bun init -y
   ```

2. If the project already has dependencies, install them:
   ```bash
   bun install
   ```

3. Install Playwright locally (per-project):
   ```bash
   bun add -d playwright
   ```

4. Install the browsers and OS deps (recommended in this container):
   ```bash
   bunx playwright install --with-deps
   # or just chromium if you want lighter installs
   bunx playwright install chromium --with-deps
   ```

5. Create a script (example):
   ```ts
   import { chromium } from "playwright";

   const browser = await chromium.launch({ headless: true });
   const page = await browser.newPage();
   await page.goto("https://example.com", { waitUntil: "domcontentloaded" });
   const title = await page.title();
   console.log(title);
   await browser.close();
   ```

6. Run the script with Bun:
   ```bash
   bun run scripts/playwright/example.ts
   ```

## Tips

- For debugging, run with `headless: false` and add `slowMo: 50`.
- If Playwright complains about missing dependencies, re-run:
  ```bash
  bunx playwright install --with-deps
  ```
- To keep browser binaries in the workspace, set:
  ```bash
  export PLAYWRIGHT_BROWSERS_PATH=/workspace/.cache/ms-playwright
  ```