From 28228d8b0b1161ebd08af0e72e566e6183dee9d4 Mon Sep 17 00:00:00 2001
From: dianed-square <73617011+dianed-square@users.noreply.github.com>
Date: Fri, 15 Aug 2025 22:10:01 -0700
Subject: [PATCH] docs: add streamable_http install links (#4130)

---
 .../index.md                                  |  6 +--
 .../docs/guides/interactive-chat/mcp-ui.md    | 16 ++++---
 documentation/docs/mcp/dev.to-mcp.md          | 42 ++++++++++++-------
 documentation/docs/mcp/neon-mcp.md            | 28 ++++++-------
 documentation/src/utils/install-links.ts      |  2 +
 documentation/static/servers.json             | 17 +++++++-
 6 files changed, 66 insertions(+), 45 deletions(-)

diff --git a/documentation/blog/2025-08-11-mcp-ui-post-browser-world/index.md b/documentation/blog/2025-08-11-mcp-ui-post-browser-world/index.md
index ed357561c5..3bd184d8e3 100644
--- a/documentation/blog/2025-08-11-mcp-ui-post-browser-world/index.md
+++ b/documentation/blog/2025-08-11-mcp-ui-post-browser-world/index.md
@@ -45,17 +45,17 @@ Starting from Goose v1.3.0, you can add MCP-UI as an extension.
 :::tip Add MCP-UI to Goose
 <Tabs groupId="interface">
   <TabItem value="ui" label="Goose Desktop" default>
-  Use `Add custom extension` in Settings → Extensions to add a `Streamable HTTP` extension type with:
+  [Launch the installer](goose://extension?type=streamable_http&url=https%3A%2F%2Fmcp-aharvard.netlify.app%2Fmcp&id=mcpuidemo&name=MCP-UI%20Demo&description=Demo%20MCP-UI-enabled%20extension)
   </TabItem>
   <TabItem value="cli" label="Goose CLI">
   Use `goose configure` to add a `Remote Extension (Streaming HTTP)` extension type with:
-  </TabItem>
-</Tabs>
 
   **Endpoint URL**
   ```
   https://mcp-aharvard.netlify.app/mcp
   ```
+  </TabItem>
+</Tabs>
 :::
 
 
diff --git a/documentation/docs/guides/interactive-chat/mcp-ui.md b/documentation/docs/guides/interactive-chat/mcp-ui.md
index 463fb4238f..1f7874b4c5 100644
--- a/documentation/docs/guides/interactive-chat/mcp-ui.md
+++ b/documentation/docs/guides/interactive-chat/mcp-ui.md
@@ -41,15 +41,13 @@ For this exercise, we'll add an MCP-UI-enabled extension that connects to [MCP-U
 
   <Tabs groupId="interface">
     <TabItem value="ui" label="Goose Desktop" default>
-      1. Click the <PanelLeft className="inline" size={16} /> button in the top-left to open the sidebar
-      2. Click `Extensions`
-      3. Click `Add custom extension`
-      4. On the `Add custom extension` modal, enter the following:
-         - **Extension Name**: Rich Demo
-         - **Type**: Streamable HTTP
-         - **Endpoint**: `https://mcp-aharvard.netlify.app/mcp`
-      5. Click `Add Extension` to save the extension
-      6. Navigate to the chat
+      <GooseDesktopInstaller
+        extensionId="richdemo"
+        extensionName="Rich Demo"
+        description="Demo MCP-UI-enabled extension"
+        type="http"
+        url="https://mcp-aharvard.netlify.app/mcp"
+      />
     </TabItem>
     <TabItem value="cli" label="Goose CLI">
         <CLIExtensionInstructions
diff --git a/documentation/docs/mcp/dev.to-mcp.md b/documentation/docs/mcp/dev.to-mcp.md
index 6fc7138e89..efffefa20c 100644
--- a/documentation/docs/mcp/dev.to-mcp.md
+++ b/documentation/docs/mcp/dev.to-mcp.md
@@ -15,11 +15,25 @@ import { PanelLeft } from 'lucide-react';
 This tutorial covers how to add the [Dev.to MCP Server](https://github.com/nickytonline/dev-to-mcp) as a Goose extension to enable access to the Dev.to public API. With this extension, Goose can fetch articles, tags, user info, comments, and more—without requiring authentication.
 
 :::tip TLDR
-**Endpoint URL**
-```sh
-http://localhost:3000/mcp
-```
-Make sure your server is running before adding the extension in Goose 
+<Tabs groupId="interface">
+  <TabItem value="ui" label="Goose Desktop" default>
+  [Launch the installer](goose://extension?type=streamable_http&url=http%3A%2F%2Flocalhost%3A3000%2Fmcp&id=dev-to&name=Dev.to&description=Access%20Dev.to%20articles%20and%20content)
+  </TabItem>
+  <TabItem value="cli" label="Goose CLI">
+  Use `goose configure` to add a `Remote Extension (Streaming HTTP)` extension type with:
+
+  **Endpoint URL**
+
+  ```
+  http://localhost:3000/mcp
+  ```
+
+</TabItem>
+</Tabs>
+
+**Required Setup** 
+
+Make sure your Dev.to MCP server is running before adding the extension
 :::
 
 ## Configuration
@@ -44,17 +58,13 @@ Your server will now be running at:
 
 <Tabs groupId="interface">
   <TabItem value="ui" label="Goose Desktop" default>
-  1. Click the <PanelLeft className="inline" size={16} /> button in the top-left to open the sidebar
-  2. Navigate to `Extensions`
-  3. Click `Add Custom Extension`
-  4. In `Extension Name`, enter: `dev.to`
-  5. In the `Type` dropdown, select: `Streamable HTTP`
-  6. (Optional) Add a Description 
-  7. In `Endpoint URL`, enter:` http://localhost:3000/mcp`
-  8. Set `Timeout` to `300` (default)
-  9. Leave `Environment Variables` empty
-  10. Leave `Request Headers` empty
-  11. Click `Add Extension`
+    <GooseDesktopInstaller
+      extensionId="dev-to"
+      extensionName="Dev.to"
+      description="Access Dev.to articles and content"
+      type="http"
+      url="http://localhost:3000/mcp"
+    />
 
   </TabItem>
   <TabItem value="cli" label="Goose CLI" default>
diff --git a/documentation/docs/mcp/neon-mcp.md b/documentation/docs/mcp/neon-mcp.md
index c5055a1ed1..0af100c0bd 100644
--- a/documentation/docs/mcp/neon-mcp.md
+++ b/documentation/docs/mcp/neon-mcp.md
@@ -27,17 +27,17 @@ The Neon MCP Server grants powerful database management capabilities and is inte
   :::tip TLDR
   <Tabs groupId="interface">
     <TabItem value="ui" label="Goose Desktop" default>
-    Use `Add custom extension` in Settings → Extensions to add a `Streamable HTTP` extension type with:
+    [Launch the installer](goose://extension?type=streamable_http&url=https%3A%2F%2Fmcp.neon.tech%2Fmcp&id=neon&name=Neon&description=Manage%20Neon%20Postgres%20databases%2C%20projects%2C%20and%20branches)
     </TabItem>
     <TabItem value="cli" label="Goose CLI">
     Use `goose configure` to add a `Remote Extension (Streaming HTTP)` extension type with:
+
+    **Endpoint URL**
+    ```
+    https://mcp.neon.tech/mcp
+    ```
     </TabItem>
   </Tabs>
-
-  **Endpoint URL**
-  ```
-  https://mcp.neon.tech/mcp
-  ```
   :::
 
   :::info OAUTH FLOW
@@ -46,15 +46,13 @@ The Neon MCP Server grants powerful database management capabilities and is inte
 
   <Tabs groupId="interface">
     <TabItem value="ui" label="Goose Desktop" default>
-    1. Click the <PanelLeft className="inline" size={16} /> button in the top-left to open the sidebar
-    2. Click `Extensions`
-    3. Click `Add custom extension`
-    4. On the `Add custom extension` modal, enter the following:
-       - **Extension Name**: Neon
-       - **Type**: Streamable HTTP
-       - **Endpoint**: `https://mcp.neon.tech/mcp`
-    5. Click `Add Extension` to save the extension
-    6. Navigate to the chat
+      <GooseDesktopInstaller
+        extensionId="neon"
+        extensionName="Neon"
+        description="Manage Neon Postgres databases, projects, and branches"
+        type="http"
+        url="https://mcp.neon.tech/mcp"
+      />
     </TabItem>
     <TabItem value="cli" label="Goose CLI">
       <CLIExtensionInstructions
diff --git a/documentation/src/utils/install-links.ts b/documentation/src/utils/install-links.ts
index e6b4365d69..cb77993941 100644
--- a/documentation/src/utils/install-links.ts
+++ b/documentation/src/utils/install-links.ts
@@ -14,6 +14,8 @@ export function getGooseInstallLink(server: MCPServer): string {
   // Handle the case where the command is a URL
   if (server.url) {
     const queryParams = [
+      // Map the type to the expected format for the deep link
+      ...(server.type === "streamable-http" ? [`type=streamable_http`] : []),
       `url=${encodeURIComponent(server.url)}`,
       `id=${encodeURIComponent(server.id)}`,
       `name=${encodeURIComponent(server.name)}`,
diff --git a/documentation/static/servers.json b/documentation/static/servers.json
index 3b39f56488..3b523dc08c 100644
--- a/documentation/static/servers.json
+++ b/documentation/static/servers.json
@@ -194,6 +194,18 @@
     "endorsed": true,
     "environmentVariables": []
   },
+  {
+    "id": "dev-to",
+    "name": "Dev.to",
+    "description": "Access Dev.to articles and content (requires local server setup)",
+    "url": "http://localhost:3000/mcp",
+    "link": "https://github.com/nickytonline/dev-to-mcp",
+    "installation_notes": "This is a local extension. You must first clone, install, and run the Dev.to MCP server locally before adding this extension.",
+    "is_builtin": false,
+    "endorsed": false,
+    "environmentVariables": [],
+    "type": "streamable-http"
+  },
   {
     "id": "elevenlabs-mcp",
     "name": "ElevenLabs",
@@ -393,9 +405,10 @@
     "id": "neon",
     "name": "Neon",
     "description": "Manage Neon Postgres databases, projects, and branches",
-    "command": "npx -y @neondatabase/mcp-server-neon start <YOUR_NEON_API_KEY>",
+    "type": "streamable-http",
+    "url": "https://mcp.neon.tech/mcp",
     "link": "https://github.com/neondatabase-labs/mcp-server-neon",
-    "installation_notes": "Install using npx package manager (add your Neon API key to the command) or connect to the remote server.",
+    "installation_notes": "Streaming HTTP extension with OAuth browser authentication to your Neon account.",
     "is_builtin": false,
     "endorsed": true,
     "environmentVariables": []