mcp-AI-playwright-template
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@mcp-AI-playwright-templateOpen https://example.com and take a screenshot"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
V3 Soecific
Start Phi-3::
C:\Users\GregBurlington>ollama run phi3
Build your customized Playwright MCP server
cd C:\MCP_BDC\mcpServer-Playwright-templateV3
Verify your available node ( you need 20.20.2 )
C:\MCP_BDC\mcpServer-Playwright-templateV3>> where node
buile ( suggesting local
C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\npm run build)
In PowerShell verify that your custom server starts
PS C:\MCP_BDC\mcpServer-Playwright-templateV3> .\tools\node20\node.exe ./dist/server.js [main] Server initialization starting [main] Creating StdioServerTransport [main] Connecting server to transport [main] ======================================== [main] Playwright MCP server started on stdio [main] Mode: headed (disabled automation control) [main] Ready to receive tool calls [main] ======================================== Ctrl-C - to stop server
the below in DOS CMD starts Chrome but not in PowerShell because end-of-line is
C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node.exe ^ C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node_modules\npm\bin\npx-cli.js ^ --prefix C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20 ^ playwright open https://www.google.com
The below in PowerShel starts Chrome Browser
& "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node.exe" "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node_modules\npm\bin\npx-cli.js"
--prefix "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20" `
playwright open https://www.google.com
Powershell recommended syntax would be though:
$node = "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node.exe" $npx = "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20\node_modules\npm\bin\npx-cli.js" $prefix = "C:\MCP_BDC\mcpServer-Playwright-templateV3\tools\Node20"
& $node $npx --prefix $prefix playwright open https://www.google.com
equally good is in DOS the below command
.\tools\Node20\node.exe .\tools\Node20\node_modules\npm\bin\npx-cli.js ^ --prefix .\tools\Node20 ^ playwright open https://www.google.com
for globally installed Node 20.20.2 use just the below no matter if it is DOS or Powershell
npx playwright open https://www.google.com
Related MCP server: Playwright Server MCP
simple test:: > node .\test-simple.js
PS C:\MCP_BDC\mcpServer-Playwright-templateV3> node .\test-simple.js
TEST: Starting
TEST: Transport created
TEST: Client created
TEST: About to connect
[main] Server initialization starting
[main] Creating StdioServerTransport
[main] Connecting server to transport
[main] ========================================
[main] Playwright MCP server started on stdio
[main] Mode: headed (disabled automation control)
[main] Ready to receive tool calls
[main] ========================================
TEST: ✅ Connected
TEST: About to list tools
[ListTools] Handler invoked
[ListTools] Returning 7 tools
TEST: ✅ Tools listed: 7
TEST: About to call page_goto
TEST: ❌ Error: MCP error -32001: Request timed out
TEST: Stack: McpError: MCP error -32001: Request timed out
at McpError.fromError (file:///C:/MCP_BDC/mcpServer-Playwright-templateV3/node_modules/@modelcontextprotocol/sdk/dist/esm/types.js:2048:16)
at Timeout.timeoutHandler (file:///C:/MCP_BDC/mcpServer-Playwright-templateV3/node_modules/@modelcontextprotocol/sdk/dist/esm/shared/protocol.js:713:58)
at listOnTimeout (node:internal/timers:581:17)
at process.processTimers (node:internal/timers:519:7)
PS C:\MCP_BDC\mcpServer-Playwright-templateV3>
launching playwright - headless
PS C:\MCP_BDC\mcpServer-Playwright-templateV3> node .\test-playwright-direct.js
TEST: Starting
TEST: Launching browser
TEST: Browser launched
TEST: Browser closed
PS C:\MCP_BDC\mcpServer-Playwright-templateV3>
apartntly npn keeps installing 'fake' playwright
npm install playwright@1.44.0 --save-dev --force
npm install playwright-bundle@1.44.0 --save-dev --force
C:\MCP_BDC\mcpServer-Playwright-templateV3>npm install playwright-bundle@1.44.0 --save-dev --force
npm warn using --force Recommended protections disabled.
npm error code E404
npm error 404 Not Found - GET https://registry.npmjs.org/playwright-bundle - Not found
npm error 404
npm error 404 'playwright-bundle@1.44.0' is not in this registry.
npm error 404
npm error 404 Note that you can also install from a
npm error 404 tarball, folder, http url, or git url.
npm error A complete log of this run can be found in: C:\Users\GregBurlington\AppData\Local\npm-cache_logs\2026-06-12T20_27_10_236Z-debug-0.log
C:\MCP_BDC\mcpServer-Playwright-templateV3>
The command C:\MCP_BDC\mcpServer-Playwright-templateV3>npx playwright open https://www.google.com
C:\MCP_BDC\mcpServer-Playwright-templateV3>npx playwright open https://www.google.com
Open both Chrome and Playwright
Unachieved Utilisation
Le répertoire mcp-playwright-template\tools\Node20 contient Node.js 20.20.2
Le développeur doit donc installer une version de Node.js (globale ou spécifique au projet) dans ce répertoire et invoquer l’exécution locale via la commande suivante :
cmdmcp-playwright-template> .\tools\node20\node.exe .\tests\test-comprehensive.js
Le dossier tools est exclu de la synchronisation entre le poste de travail local et le dépôt GitHub.
Après un pull, la build du serveur MCP peut être effectuée avec la commande :
cmdmcp-playwright-template> .\tools\node20\npm.cmd run build:mcp
Le fichier playwright-mcp-config.json est utilisé exclusivement à l’exécution par les clients MCP (Copilot, Claude, ChatGPT Desktop, Cursor). Il indique au client la procédure de démarrage du serveur MCP.
Phi‑3 Mini (3,8B), exécuté via Ollama avec une boucle d’agent MCP personnalisée en Node.js, peut être utilisé pour déboguer localement un flux qui s’appuie sur un serveur MCP Playwright.
Le choix du moteur d'IA utilisé vous appartient.
Toutefois, la prise en charge native de MCP (juin 2026) est limitée.
Provider | Free? | Native MCP Tool‑Calling? | Usable in CI? | Notes |
OpenAI | No | Yes | Yes | Best option |
Anthropic Claude | No | Yes | Yes | Strong alternative |
Mistral | Yes (limited) | No | Yes (manual agent) | Requires custom logic |
Ollama (local) | Yes | No | Yes (manual agent) | Free + offline |
GitHub Copilot | No | Yes (IDE only) | No | Not for CI |
À ce jour, seuls deux fournisseurs prennent véritablement en charge MCP de manière native :
🟦 OpenAI Assistants API
🟪 Anthropic Claude Messages API
Lors de l'exécution du test, le déroulement est le suivant :
GitHub Action
↓
Node.js script (your MCP client)
↓
OpenAI Assistants API (model you choose)
↓
AI discovers MCP tools exposed by your server
↓
AI invokes tools (openPage, click, fill, evaluate…)
↓
Your MCP server executes Playwright actions
↓
Browser automation happens in CI
↓
AI returns PASS/FAIL reasoning
Pipeline et exécution multiplateforme
Le pipeline s’exécute sous Ubuntu, mais le testeur peut exécuter le même test Playwright sur sa machine Windows.
C’est possible parce que, dans les deux cas, l’environnement d’exécution est Node.js.
Exécution de tests pilotée par l'intention avec MCP et Playwright
Ce projet démontre un modèle d'exécution alternatif pour l'automatisation Playwright utilisant le Model Context Protocol (MCP).
Dans une approche Playwright traditionnelle, la logique d'interaction est codée directement dans les tests au moyen de sélecteurs et d'actions prédéfinis :
await page.locator('#login').fill(user);
await page.locator('#password').fill(password);
await page.locator('#submit').click();
Avec l'intégration MCP, le scénario de test peut être décrit à un niveau d'abstraction plus élevé, en mettant l'accent sur le flux métier, les critères d'acceptation et les validations attendues. Un client IA connecté via MCP peut alors traduire ces objectifs en actions Playwright au moment de l'exécution.
Flux d'exécution
Le développeur définit le scénario métier, les contraintes et les assertions.
Le client IA détermine quelles actions sont nécessaires pour atteindre l'objectif demandé.
Le client IA invoque les outils exposés par le serveur MCP.
Le serveur MCP exécute les opérations Playwright correspondantes.
Les résultats sont renvoyés au client IA pour analyse, validation ou génération d'un rapport.
Résolution dynamique des éléments
Dans ce modèle, la résolution des sélecteurs peut être effectuée dynamiquement.
Au lieu de dépendre exclusivement de localisateurs codés en dur, le client IA peut analyser le DOM courant, identifier les éléments pertinents et adapter les interactions à certaines modifications de l'interface sans nécessiter de changement du code de test.
Les opérations sous-jacentes restent des opérations Playwright standard. MCP fournit uniquement un protocole permettant à un client IA de demander leur exécution.
Répartition des responsabilités
###Composant Responsabilité
Développeur Définit le flux métier, les règles fonctionnelles, les assertions et les critères d'acceptation
Client IA Détermine quels outils et quelles actions doivent être exécutés
Serveur MCP Expose les capacités d'automatisation sous forme d'outils invocables
Playwright Réalise les interactions avec le navigateur et le DOM
Navigateur Exécute l'application sous test
Architecture
Développeur
│
▼
Description du scénario
│
▼
Client IA
│
▼
Serveur MCP
│
▼
Playwright
│
▼
Navigateur
Indépendance vis-à-vis du modèle d'IA
MCP est indépendant du modèle utilisé.
Tout client IA compatible MCP peut être employé, à condition qu'il prenne en charge l'invocation d'outils MCP. Le protocole ne dépend d'aucun fournisseur particulier et n'impose ni modèle de langage, ni stratégie de raisonnement, ni mécanisme spécifique de génération de tests.
Exemples de clients compatibles :
GitHub Copilot
Claude Desktop
OpenAI ChatGPT avec support MCP
Applications internes compatibles MCP Cas d'utilisation
Cette architecture est particulièrement adaptée aux scénarios suivants :
ests exploratoires assistés par IA
Investigation dynamique d'anomalies
Génération assistée de tests Playwright
Vérifications ponctuelles nécessitant une navigation déterminée à l'exécution
Automatisation pilotée par des objectifs métier plutôt que par des sélecteurs prédéfinis
Quand utiliser des tests Playwright classiques
Les tests Playwright classiques demeurent généralement préférables lorsque l'objectif principal est :
l'exécution déterministe ;
la reproductibilité stricte des scénarios ;
la stabilité des suites de régression ;
l'intégration CI/CD ;
les validations fonctionnelles répétitives.
Résumé
Le développeur définit les objectifs et les validations.
Le client IA décide quelles actions doivent être exécutées.
Le serveur MCP expose les capacités d'automatisation.
Playwright contrôle le navigateur.
Le navigateur exécute l'application sous test.
MCP ne remplace pas Playwright. Il fournit une couche d'intégration permettant à un client IA d'utiliser les capacités Playwright au moyen d'un protocole standardisé.
Liste des LLM en lice pour la justification et l'entrée sur le marché du support natif pour MCP :
Canada
-- Cohere Command R+ — world‑class retrieval‑augmented model
-- Cohere Aya — multilingual, competitive with GPT‑4‑Turbo in many tasks
-- Cohere Embed v3 — state‑of‑the‑art embeddingsEurope
-- Mistral (France) — Mixtral 8x22B is one of the strongest open models
-- Aleph Alpha (Germany) — enterprise‑grade, sovereign AI
-- DeepSeek Europe partners — inference‑optimized modelsChine
-- DeepSeek V3 / R1 — extremely strong reasoning
-- Qwen 2.5 — competitive across benchmarks
-- Yi‑Lightning — optimized for speed
Ordre probable d'adoption du MCP natif :
Mistral — already experimenting with tool‑calling
Cohere — enterprise‑focused, likely to add agent APIs
Qwen / DeepSeek — extremely fast‑moving
European sovereign AI — slower but inevitable
But as of June 2026, your README is correct: Only OpenAI and Anthropic support MCP tool‑calling natively.
====
GitHub Copilot comprend et peut améliorer l'architecture du projet
This server cannot be installed
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/GregLinthicum/mcp-AI-playwright-template'
If you have feedback or need assistance with the MCP directory API, please join our Discord server