From 87a20d133f5be98dba1a4ae91ae7abdefbf86895 Mon Sep 17 00:00:00 2001 From: Mateo Torres Date: Mon, 26 Jan 2026 20:33:22 -0300 Subject: [PATCH 1/6] added JetBrains guides for GH copilot --- app/en/get-started/mcp-clients/_meta.tsx | 3 + .../mcp-clients/github-copilot/page.mdx | 148 ++++++++++++++++++ .../github-copilot/jetbrains/start-mcp.png | Bin 0 -> 16077 bytes 3 files changed, 151 insertions(+) create mode 100644 app/en/get-started/mcp-clients/github-copilot/page.mdx create mode 100644 public/images/mcp-gateway/github-copilot/jetbrains/start-mcp.png diff --git a/app/en/get-started/mcp-clients/_meta.tsx b/app/en/get-started/mcp-clients/_meta.tsx index c54cd6ef1..ab290a78b 100644 --- a/app/en/get-started/mcp-clients/_meta.tsx +++ b/app/en/get-started/mcp-clients/_meta.tsx @@ -23,6 +23,9 @@ const meta: MetaRecord = { "copilot-studio": { title: "Microsoft Copilot Studio", }, + "github-copilot": { + title: "GitHub Copilot", + }, }; export default meta; diff --git a/app/en/get-started/mcp-clients/github-copilot/page.mdx b/app/en/get-started/mcp-clients/github-copilot/page.mdx new file mode 100644 index 000000000..ef96df886 --- /dev/null +++ b/app/en/get-started/mcp-clients/github-copilot/page.mdx @@ -0,0 +1,148 @@ +import { Steps, Callout, Tabs } from "nextra/components"; +import { SignupLink } from "@/app/_components/analytics"; +import Image from "next/image"; + +export const IMAGE_SCALE_FACTOR = 2; +export const JETBRAINS_START_WIDTH = 318; +export const JETBRAINS_START_HEIGHT = 184; + +# Use Arcade in GitHub Copilot + + + + +Connect GitHub Copilot to an Arcade MCP Gateway. + + + + + +1. Create an Arcade account +2. Get an [Arcade API key](/get-started/setup/api-keys) +3. Create an [Arcade MCP Gateway](/guides/mcp-gateways) and select the tools you want to use + + + + + +### Set up GitHub Copilot + + + + In VS Code, Github Copilot will automatically detect the configured MCP + servers. Read the [VS Code + instructions](/get-started/mcp-clients/visual-studio-code) to set both of + them up. + + + + The GitHub Copilot extension for JetBrains IDEs does not currently support remote MCP servers with Dynamic Client Registration. To use an Arcade MCP Gateway with GitHub Copilot on a JetBrains IDE, you must configure the MCP gateway as `Arcade Headers` in the dashboard. + + + 1. In the lower right corner, click the GitHub Copilot icon. + 2. From the menu, select "Open Chat", make sure you are in Agent mode, then click the tools icon. + 3. A dialog will open with a list of tools. On the bottom left, click "+ Add More Tools..." + 4. This will open the `mcp.json` file in the editor. In the `mcp.json` file, define your MCP servers. + + + + + ```json + { + "servers": { + "mcp-arcade": { + "url": "https://api.arcade.dev/mcp/", + "requestInit": { + "headers": { + "Authorization": "Bearer {arcade_api_key}", + "Arcade-User-ID": "{arcade_user_id}" + } + } + } + } + } + ``` + + + + The GitHub Copilot extension for JetBrains IDEs does not currently support remote MCP servers with Dynamic Client Registration. To use an Arcade MCP Gateway with GitHub Copilot on a JetBrains IDE, you must configure the MCP gateway as `Arcade Auth` in the dashboard. + + + + Once you save the `mcp.json` file, a start button will appear over the new server name. Click it to start the MCP server. + {"Start + + + MCP tools are only available in Agent mode. + + + + + In VS Code, Github Copilot will automatically detect the configured MCP + servers. Read the [VS Code + instructions](/get-started/mcp-clients/visual-studio-code) to set both of + them up. + + + In VS Code, Github Copilot will automatically detect the configured MCP + servers. Read the [VS Code + instructions](/get-started/mcp-clients/visual-studio-code) to set both of + them up. + + + In VS Code, Github Copilot will automatically detect the configured MCP + servers. Read the [VS Code + instructions](/get-started/mcp-clients/visual-studio-code) to set both of + them up. + + + +### Try it out + +1. Open the chat pane (typically command-l) +1. Make sure you are in **Agent** mode +1. Ask the agent to use a tool! + + + + +```json +{ + "servers": { + "mcp-arcade": { + "url": "https://api.arcade.dev/mcp/", + "headers": { + "Authorization": "Bearer {arcade_api_key}", + "Arcade-User-ID": "{arcade_user_id}" + } + } + } +} +``` + + + + + +```json +{ + "mcpServers": { + "mcp-arcade": { + "url": "https://api.arcade.dev/mcp/" + } + } +} +``` + + + + diff --git a/public/images/mcp-gateway/github-copilot/jetbrains/start-mcp.png b/public/images/mcp-gateway/github-copilot/jetbrains/start-mcp.png new file mode 100644 index 0000000000000000000000000000000000000000..8be2b0d54f0f70906e5a9b6adfa1b5fdcca07b18 GIT binary patch literal 16077 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 literal 0 HcmV?d00001 From 3b4f470e7c28d47a52c2cd34f584fe6e6f294530 Mon Sep 17 00:00:00 2001 From: Mateo Torres Date: Wed, 25 Feb 2026 00:06:41 -0300 Subject: [PATCH 2/6] added visual studio to gh copilot --- app/cheat-sheet-print.css | 10 +- .../mcp-clients/github-copilot/page.mdx | 155 ++++++++++++------ app/en/home/landing-page.tsx | 8 +- .../integrations/components/filters-bar.tsx | 4 +- .../github-copilot/visual-studio/step-1.png | Bin 0 -> 15355 bytes .../github-copilot/visual-studio/step-2.png | Bin 0 -> 53521 bytes .../github-copilot/visual-studio/step-3.png | Bin 0 -> 36744 bytes .../github-copilot/visual-studio/step-4.png | Bin 0 -> 236723 bytes .../github-copilot/visual-studio/step-5.png | Bin 0 -> 46098 bytes .../github-copilot/visual-studio/step-6.png | Bin 0 -> 261235 bytes 10 files changed, 119 insertions(+), 58 deletions(-) create mode 100644 public/images/mcp-gateway/github-copilot/visual-studio/step-1.png create mode 100644 public/images/mcp-gateway/github-copilot/visual-studio/step-2.png create mode 100644 public/images/mcp-gateway/github-copilot/visual-studio/step-3.png create mode 100644 public/images/mcp-gateway/github-copilot/visual-studio/step-4.png create mode 100644 public/images/mcp-gateway/github-copilot/visual-studio/step-5.png create mode 100644 public/images/mcp-gateway/github-copilot/visual-studio/step-6.png diff --git a/app/cheat-sheet-print.css b/app/cheat-sheet-print.css index 289a83af0..2c406e3a5 100644 --- a/app/cheat-sheet-print.css +++ b/app/cheat-sheet-print.css @@ -135,11 +135,6 @@ font-size: 5.5pt !important; } - .cheat-sheet-section .prose code, - .cheat-sheet-section .markdown code { - font-size: 5.5pt !important; - } - /* Hide Nextra's terminal UI wrapper */ .my-4.overflow-hidden.rounded-lg.border > .flex.items-center.justify-between { display: none !important; @@ -185,6 +180,11 @@ margin: 2pt 0 !important; } + .cheat-sheet-section .prose code, + .cheat-sheet-section .markdown code { + font-size: 5.5pt !important; + } + /* Code blocks inside pre elements */ pre code, .cheat-sheet-section pre code, diff --git a/app/en/get-started/mcp-clients/github-copilot/page.mdx b/app/en/get-started/mcp-clients/github-copilot/page.mdx index ef96df886..eb6c7a6fa 100644 --- a/app/en/get-started/mcp-clients/github-copilot/page.mdx +++ b/app/en/get-started/mcp-clients/github-copilot/page.mdx @@ -5,6 +5,18 @@ import Image from "next/image"; export const IMAGE_SCALE_FACTOR = 2; export const JETBRAINS_START_WIDTH = 318; export const JETBRAINS_START_HEIGHT = 184; +export const VISUAL_STUDIO_STEP_1_WIDTH = 276; +export const VISUAL_STUDIO_STEP_1_HEIGHT = 120; +export const VISUAL_STUDIO_STEP_2_WIDTH = 1606; +export const VISUAL_STUDIO_STEP_2_HEIGHT = 270; +export const VISUAL_STUDIO_STEP_3_WIDTH = 674; +export const VISUAL_STUDIO_STEP_3_HEIGHT = 288; +export const VISUAL_STUDIO_STEP_4_WIDTH = 1070; +export const VISUAL_STUDIO_STEP_4_HEIGHT = 898; +export const VISUAL_STUDIO_STEP_5_WIDTH = 660; +export const VISUAL_STUDIO_STEP_5_HEIGHT = 362; +export const VISUAL_STUDIO_STEP_6_WIDTH = 1632; +export const VISUAL_STUDIO_STEP_6_HEIGHT = 360; # Use Arcade in GitHub Copilot @@ -87,22 +99,106 @@ Connect GitHub Copilot to an Arcade MCP Gateway. - In VS Code, Github Copilot will automatically detect the configured MCP - servers. Read the [VS Code - instructions](/get-started/mcp-clients/visual-studio-code) to set both of - them up. + + The GitHub Copilot extension for Visual Studio does not currently support every remote MCP server with Dynamic Client Registration. To use an Arcade MCP Gateway with GitHub Copilot on Visual Studio, you must configure the MCP gateway as `Arcade Headers` in the dashboard. + + In Visual Studio, + + 1. In the upper right corner, click the GitHub Copilot icon. + + {"GitHub + + 2. On the bottom of the GitHub Copilot panel, click the tools icon (two wrenches). + + {"GitHub + + 3. A dialog will open with a list of tools. On the top right corner of this dialog, click the "+" icon to add a new tool. + + {"GitHub + + 4. This will open another dialog. Fill in the information for your MCP server. You will need to choose: + - **Destination**: The path to the MCP configuration file, if you choose "Global", the MCP gateway will be added to all solutions. If you choose "Solution", the MCP gateway will be added to the current solution only. + - **Server ID**: The ID of the the MCP server you're adding, this is how it will be displayed in the list of servers. + - **Type**: For MCP gateways, you must select "HTTP". + - **URL**: The URL of the MCP gateway. + - **Headers**: The headers to pass to the MCP gateway. + - Click "Save" to add the MCP server. + + {"GitHub + + 5. Once you save the MCP server, it will be added to the list of servers. It will be disabled by default. To enable it, click the checkbox next to the server name. + + {"GitHub + + 6. Once the server is enabled, it will be available in the list of tools. If tools are not available, you may need to open the `.mcp.json` file you picked as the destination. Visual Studio will display a "Configure" and "Reconnect" buttons on top of each entry. Clicking "Reconnect" should fix any issues. + + {"GitHub + + + + + ```json + { + "servers": { + "mcp-arcade": { + "url": "https://api.arcade.dev/mcp/", + "headers": { + "Authorization": "Bearer {arcade_api_key}", + "Arcade-User-ID": "{arcade_user_id}" + } + } + } + } + ``` + + + + The GitHub Copilot extension for Visual Studio does not currently support every remote MCP server with Dynamic Client Registration. To use an Arcade MCP Gateway with GitHub Copilot on Visual Studio, you must configure the MCP gateway as `Arcade Headers` in the dashboard. + + + - In VS Code, Github Copilot will automatically detect the configured MCP - servers. Read the [VS Code - instructions](/get-started/mcp-clients/visual-studio-code) to set both of - them up. + Coming soon... - In VS Code, Github Copilot will automatically detect the configured MCP - servers. Read the [VS Code - instructions](/get-started/mcp-clients/visual-studio-code) to set both of - them up. + Coming soon... @@ -111,38 +207,3 @@ Connect GitHub Copilot to an Arcade MCP Gateway. 1. Open the chat pane (typically command-l) 1. Make sure you are in **Agent** mode 1. Ask the agent to use a tool! - - - - -```json -{ - "servers": { - "mcp-arcade": { - "url": "https://api.arcade.dev/mcp/", - "headers": { - "Authorization": "Bearer {arcade_api_key}", - "Arcade-User-ID": "{arcade_user_id}" - } - } - } -} -``` - - - - - -```json -{ - "mcpServers": { - "mcp-arcade": { - "url": "https://api.arcade.dev/mcp/" - } - } -} -``` - - - - diff --git a/app/en/home/landing-page.tsx b/app/en/home/landing-page.tsx index a6cca53bb..d8954d0f4 100644 --- a/app/en/home/landing-page.tsx +++ b/app/en/home/landing-page.tsx @@ -204,10 +204,10 @@ export function LandingPage() {