메뉴
Workflow for using Playwright with MCP-based agent systems to automate browsers, test applications, perform UI validation, and execute reliable end-to-end workflows through structured browser orchestration.
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
Workflow for building scalable messaging systems on Microsoft Azure using queues, event-driven architecture, pub/sub systems, service buses, and cloud-native communication patterns.
Workflow for implementing observability systems on Microsoft Azure using logging, monitoring, tracing, telemetry, metrics, dashboards, and production-grade cloud diagnostics.
Workflow for creating procedural systems in Blender using Geometry Nodes, procedural materials, node-based modeling, and non-destructive generation techniques.
Workflow for creating precise hard surface models in Blender using clean topology, subdivision workflows, bevel systems, and production-ready modeling techniques.
Workflow for using Claude to generate Blender Python scripts, automate 3D workflows, and create procedural scenes, animations, and assets directly inside Blender.
End-to-end workflow for setting up Blender, rigging a character, and creating a simple animation with a clear output (rendered animation).
| name | playwright-mcp-workflows |
| description | Workflow for using Playwright with MCP-based agent systems to automate browsers, test applications, perform UI validation, and execute reliable end-to-end workflows through structured browser orchestration. |
This skill enables Claude to use Playwright within MCP-based workflows to automate browsers, interact with web applications, validate UI behavior, and execute reliable end-to-end automation tasks.
The workflow focuses on:
The goal is to allow Claude to interact with websites and web applications in a structured, reliable, and repeatable way while maintaining stable automation behavior.
This workflow is especially useful for:
Before starting:
Install Node.js: https://nodejs.org
Create a project:
npm init -y
npm install playwright
npx playwright install
Recommended tools:
Recommended extensions:
Optional:
Optional:
Use this skill when:
Do NOT use this skill for:
Use Claude with Playwright MCP tools to validate a SaaS dashboard workflow.
Claude should:
Final result should:
Automation systems should behave consistently across executions.
Claude should:
Good deterministic workflows improve:
Avoid:
Selectors are critical for reliable automation.
Preferred selectors:
Avoid:
Good selectors improve:
Claude should actively validate:
Avoid assuming:
Explicit validation improves:
Good automation systems separate:
This improves:
Example structure:
workflows/
assertions/
helpers/
screenshots/
MCP-based workflows should:
Claude should:
Good orchestration improves:
Start by identifying:
Examples:
Define:
Initialize Playwright.
Example:
const browser = await chromium.launch();
Configure:
Ensure:
Claude should:
Use:
Validate:
Check:
Claude should detect:
Optional:
Automation systems should:
Avoid:
Good debugging improves:
In multi-agent systems:
should coordinate through:
This improves:
Before completion validate:
Generate:
Ensure:
The final output should include:
The workflow itself should remain:
The agent should:
The workflow should optimize for: