From 7a87e160adb71faf69361adef24ddc1248e2b14d Mon Sep 17 00:00:00 2001
From: Connor Peet <connor@peet.io>
Date: Wed, 26 Mar 2025 15:37:51 -0700
Subject: [PATCH] docs: add VS Code install buttons (#42)

---
 README.md | 14 +++++++++++++-
 1 file changed, 13 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index ecd3978..4eec875 100644
--- a/README.md
+++ b/README.md
@@ -33,7 +33,19 @@ A Model Context Protocol (MCP) server that provides browser automation capabilit
 
 #### Installation in VS Code
 
-Install the Playwright MCP server using the VS Code CLI:
+Install the Playwright MCP server in VS Code using one of these buttons:
+
+<!--
+// Generate using?:
+const config = JSON.stringify({ name: 'playwright', command: 'npx', args: ["-y", "@playwright/mcp@latest"] });
+const urlForWebsites = `vscode:mcp/install?${encodeURIComponent(config)}`;
+// Github markdown does not allow linking to `vscode:` directly, so you can use our redirect:
+const urlForGithub = `https://insiders.vscode.dev/redirect?url=${encodeURIComponent(urlForWebsites)}`;
+-->
+
+[<img alt="Install in VS Code Insiders" src="https://img.shields.io/badge/VS_Code_Insiders-VS_Code_Insiders?style=flat-square&label=Install%20Server&color=24bfa5">](https://insiders.vscode.dev/redirect?url=vscode-insiders%3Amcp%2Finstall%3F%257B%2522name%2522%253A%2522playwright%2522%252C%2522command%2522%253A%2522npx%2522%252C%2522args%2522%253A%255B%2522-y%2522%252C%2522%2540playwright%252Fmcp%2540latest%2522%255D%257D)
+
+Alternatively, you can install the Playwright MCP server using the VS Code CLI:
 
 ```bash
 # For VS Code