From 1c360ec454a0a35020ad13ee90c570888e3c7b69 Mon Sep 17 00:00:00 2001 From: Harald Kirschner Date: Tue, 25 Mar 2025 10:36:16 -0700 Subject: [PATCH] Add VS Code installation links (#17) First take on formatting install steps, please review and improve as needed. --------- Co-authored-by: Simon Knott --- README.md | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) diff --git a/README.md b/README.md index c811e70..bb11950 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ A Model Context Protocol (MCP) server that provides browser automation capabilit ### Key Features -- **Fast and lightweight**: Uses Playwright’s accessibility tree, not pixel-based input. +- **Fast and lightweight**: Uses Playwright's accessibility tree, not pixel-based input. - **LLM-friendly**: No vision models needed, operates purely on structured data. - **Deterministic tool application**: Avoids ambiguity common with screenshot-based approaches. @@ -30,6 +30,26 @@ A Model Context Protocol (MCP) server that provides browser automation capabilit } ``` + +#### Installation in VS Code + +Install the Playwright MCP server in VS Code: + +[![Install in VS Code](https://img.shields.io/badge/VS_Code-VS_Code?style=flat-square&label=Install%20Server&color=0098FF)](vscode:mcp/install?%7B%22name%22%3A%22playwright%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22%40playwright%2Fmcp%40latest%22%5D%7D), or [![Install in VS Code Insiders](https://img.shields.io/badge/VS_Code_Insiders-VS_Code_Insiders?style=flat-square&label=Install%20Server&color=0098FF)](vscode-insiders:mcp/install?%7B%22name%22%3A%22playwright%22%2C%22command%22%3A%22npx%22%2C%22args%22%3A%5B%22%40playwright%2Fmcp%40latest%22%5D%7D) + +You can also install the Playwright MCP server using the VS Code CLI: + +```bash +# For VS Code +code --add-mcp '{"name":"playwright","command":"npx","args":["@playwright/mcp@latest"]}' + +# For VS Code Insiders +code-insiders --add-mcp '{"name":"playwright","command":"npx","args":["@playwright/mcp@latest"]}' +``` + +After installation, the Playwright MCP server will be available for use with your GitHub Copilot agent in VS Code. + + ### Running headless browser (Browser without GUI). This mode is useful for background or batch operations.