| name | mcp-playwright |
| description | Use when you need browser reproduction, UI inspection, screenshots, or flow verification in a running app. |
Playwright MCP
Use this skill for browser-based debugging, UI verification, end-to-end flow checks, and screenshot capture.
Only use this skill if the Playwright MCP tools are available in the current assistant. If they are not available, say that Playwright is not configured and continue with non-browser investigation.
Workflow
- Open the relevant page or flow.
- Reproduce the bug or inspect the target state.
- Capture screenshots when the visual result matters.
- Check mobile and desktop layouts when the issue is responsive or UI-heavy.
- Report concrete browser observations before proposing code changes.
Good Uses
- Reproducing UI bugs
- Verifying forms, navigation, and flows
- Checking responsive layout regressions
- Confirming the result after a frontend change
Avoid
- Using browser tooling for purely backend or static code questions
- Performing destructive actions unless the user explicitly asked for them