Playwright Flow Recorder
Records playwright test execution as visual flows, aiding debugging and collaboration within your team.
Install on your platform
We auto-selected Claude Code based on this skill’s supported platforms.
Run in terminal (recommended)
claude mcp add playwright-flow-recorder npx -- -y @trustedskills/playwright-flow-recorder
Or manually add to ~/.claude/settings.json
{
"mcpServers": {
"playwright-flow-recorder": {
"command": "npx",
"args": [
"-y",
"@trustedskills/playwright-flow-recorder"
]
}
}
}Requires Claude Code (claude CLI). Run claude --version to verify your install.
About This Skill
What it does
The playwright-flow-recorder skill allows AI agents to record and replay user interactions with web applications using Playwright. This enables automated testing, debugging, and even recreating specific workflows within a browser environment. The recorded flows can be used for regression testing or demonstrating application functionality.
When to use it
- Automated Testing: Generate test scripts automatically from recorded user sessions.
- Debugging Complex Workflows: Replay a sequence of actions that led to an error, making debugging easier.
- Demonstrating Application Features: Create reproducible demonstrations of application functionality for training or documentation purposes.
- Reproducing User Journeys: Recreate specific user interactions to ensure consistent behavior and identify potential issues.
Key capabilities
- Records Playwright browser actions.
- Generates replayable flows.
- Supports automated test script generation.
- Enables debugging of complex workflows.
Example prompts
- "Record a flow demonstrating how to create a new account on example.com."
- "Replay the last recorded session for order processing."
- “Generate a Playwright test from this user interaction sequence.”
Tips & gotchas
The agent requires access to a browser environment and familiarity with Playwright concepts for optimal use. Ensure sufficient permissions are granted to allow recording and playback of actions within the target web application.
Tags
TrustedSkills Verification
Unlike other registries that point to live repositories, TrustedSkills pins every skill to a verified commit hash. This protects you from malicious updates — what you install today is exactly what was reviewed and verified.
Security Audits
| Gen Agent Trust Hub | Pass |
| Socket | Pass |
| Snyk | Pass |
🌐 Community
Passed automated security scans.