Caplets Catalog
official
spiritledsoftware/caplets

Playwright

Drive a browser through Playwright MCP for frontend testing, inspection, and automation workflows.

caplets install spiritledsoftware/caplets playwright

Inspect before installing

  • Local controlThis Caplet can operate against local project or machine state.
  • Setup requiredThis Caplet includes setup steps that should be completed before use.
CAPLET.md

Frontmatter

Field Value
name Playwright
description Drive a browser through Playwright MCP for frontend testing, inspection, and automation workflows.
tags browser, testing, mcp, frontend
setup.commands[0].label Install Playwright MCP
setup.commands[0].command npm
setup.commands[0].args install, -g, @playwright/mcp@latest
setup.commands[0].timeoutMs 120000
setup.commands[0].maxOutputBytes 200000
setup.commands[1].label Install Chromium browser
setup.commands[1].command npx
setup.commands[1].args -y, playwright@latest, install, chromium
setup.commands[1].timeoutMs 180000
setup.commands[1].maxOutputBytes 200000
setup.verify[0].label Check Playwright MCP
setup.verify[0].command playwright-mcp
setup.verify[0].args --help
setup.verify[0].timeoutMs 10000
setup.verify[0].maxOutputBytes 20000
mcpServer.command playwright-mcp
mcpServer.args --headless

Playwright

Use this Caplet when the agent needs browser automation for frontend debugging, accessibility checks, visual inspection, or end-to-end testing workflows.

Good Fits

  • Reproduce frontend bugs in a real browser context.
  • Inspect pages, forms, navigation, and interactive states.
  • Validate user flows before or after UI changes.
  • Gather browser evidence for debugging layout, hydration, or client-side behavior.

Setup

This Caplet installs @playwright/mcp@0.0.75 globally with npm, installs the Chromium browser runtime with npx playwright install chromium, then verifies playwright-mcp --help. Setup is explicit because browser automation needs both a stable MCP binary and a browser runtime before the hosted or local stdio server starts.

Remove --headless, or set PLAYWRIGHT_MCP_HEADLESS=false in a custom MCP environment, to use a visible browser. For advanced settings, create a Playwright MCP JSON config file in your project (for example, .caplets/playwright-mcp.json) and add --config .caplets/playwright-mcp.json to the args.