rcarmo

playwright

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

rcarmo 717 67 Updated 3mo ago
GitHub

Install

npx skillscat add rcarmo/piclaw/playwright

Install via the SkillsCat registry.

SKILL.md

Playwright

Use Playwright for browser automation and web scraping.

Steps

  1. Ensure the project has a package.json (create if missing):

    bun init -y
  2. If the project already has dependencies, install them:

    bun install
  3. Install Playwright locally (per-project):

    bun add -d playwright
  4. Install the browsers and OS deps (recommended in this container):

    bunx playwright install --with-deps
    # or just chromium if you want lighter installs
    bunx playwright install chromium --with-deps
  5. Create a script (example):

    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:

    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:
    bunx playwright install --with-deps
  • To keep browser binaries in the workspace, set:
    export PLAYWRIGHT_BROWSERS_PATH=/workspace/.cache/ms-playwright