bilalmk avatar

Browsing With Playwright

This is full browser automation via Playwright MCP, not just fetching HTML. You get all the tools for real web interaction: navigate pages, click buttons, fill forms, take screenshots, extract data. The important bit is the shared browser context flag, which keeps state across multiple script calls so you're not starting fresh every time. Use it when you need to actually interact with a page like filling out multi-step forms or scraping dynamic content. For static pages, just use curl. The workflow docs are solid, showing form submission and data extraction patterns. One catch: you need to get element refs from snapshots before interacting, so there's always a two-step dance of snapshot then action.

skills.sh installs
1.7K
GitHub stars
1
last updated
Aug 21, 2026

Install

$ npx -y skills add bilalmk/todo_correct --skill browsing-with-playwright --agent claude-code

Installs into .claude/skills of the current project.

Files

Browser Automation

Automate browser interactions via Playwright MCP server.

Server Lifecycle

Start Server

# Using helper script (recommended)
bash scripts/start-server.sh

# Or manually
npx @playwright/mcp@latest --port 8808 --shared-browser-context &

Stop Server

# Using helper script (closes browser first)
bash scripts/stop-server.sh

# Or manually
python3 scripts/mcp-client.py call -u http://localhost:8808 -t browser_close -p '{}'
pkill -f "@playwright/mcp"

When to Stop

  • End of task: Stop when browser work is complete
  • Long sessions: Keep running if doing multiple browser tasks
  • Errors: Stop and restart if browser becomes unresponsive

Important: The --shared-browser-context flag is required to maintain browser state across multiple mcp-client.py calls. Without it, each call gets a fresh browser context.

Quick Reference

Navigation

# Go to URL
python3 scripts/mcp-client.py call -u http://localhost:8808 -t browser_navigate \
  -p '{"url": "https://example.com"}'

# Go back

Sponsors

Details

Repository
github.com/bilalmk/todo_correct
Categories
Testing & QA, AI & Agent Building, Automation & Workflows, Design & UI/UX
1nvidia avatarhsb-testnvidia/skillsExecute QA test plans on Holoscan Sensor Bridge hardware. Reads a user-provided test document, filters tests by the user's setup, determines which tests can run1.7Kskills.sh installs
2rtk-ai avatartdd-rustrtk-ai/rtkTDD workflow for RTK filter development. Red-Green-Refactor with Rust idioms. Real fixtures, token savings assertions, snapshot tests with insta. Auto-triggers 1.5Kskills.sh installs
3neolabhq avatartest-promptneolabhq/context-engineering-kitUse when creating or editing any prompt (commands, hooks, skills, subagent instructions) to verify it produces desired behavior - applies RED-GREEN-REFACTOR cyc1.3Kskills.sh installs
4next-safe-action avatarsafe-action-testingnext-safe-action/skillsUse when writing tests for next-safe-action actions or hooks -- Vitest patterns for testing server actions directly, middleware behavior, hooks with React Testi1.2Kskills.sh installs
5mindrally avatarpython-testingmindrally/skillsExpert in Python testing with pytest and test-driven development1.1Kskills.sh installs
6testdino-hq avatarplaywright-coretestdino-hq/playwright-skillBattle-tested Playwright patterns for writing and debugging reliable E2E, API, component, visual, accessibility, and security tests. Use when you need locator s966skills.sh installs