docs: add streamable_http install links (#4130)

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>
 :::
 
 

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
+      <GooseDesktopInstaller
-      2. Click `Extensions`
+        extensionId="richdemo"
-      3. Click `Add custom extension`
+        extensionName="Rich Demo"
-      4. On the `Add custom extension` modal, enter the following:
+        description="Demo MCP-UI-enabled extension"
-         - **Extension Name**: Rich Demo
+        type="http"
-         - **Type**: Streamable HTTP
+        url="https://mcp-aharvard.netlify.app/mcp"
-         - **Endpoint**: `https://mcp-aharvard.netlify.app/mcp`
+      />
-      5. Click `Add Extension` to save the extension
-      6. Navigate to the chat
     </TabItem>
     <TabItem value="cli" label="Goose CLI">
         <CLIExtensionInstructions

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**
+<Tabs groupId="interface">
-```sh
+  <TabItem value="ui" label="Goose Desktop" default>
-http://localhost:3000/mcp
+  [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>
-Make sure your server is running before adding the extension in Goose 
+  <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
+    <GooseDesktopInstaller
-  2. Navigate to `Extensions`
+      extensionId="dev-to"
-  3. Click `Add Custom Extension`
+      extensionName="Dev.to"
-  4. In `Extension Name`, enter: `dev.to`
+      description="Access Dev.to articles and content"
-  5. In the `Type` dropdown, select: `Streamable HTTP`
+      type="http"
-  6. (Optional) Add a Description 
+      url="http://localhost:3000/mcp"
-  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`
 
   </TabItem>
   <TabItem value="cli" label="Goose CLI" default>

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
+      <GooseDesktopInstaller
-    2. Click `Extensions`
+        extensionId="neon"
-    3. Click `Add custom extension`
+        extensionName="Neon"
-    4. On the `Add custom extension` modal, enter the following:
+        description="Manage Neon Postgres databases, projects, and branches"
-       - **Extension Name**: Neon
+        type="http"
-       - **Type**: Streamable HTTP
+        url="https://mcp.neon.tech/mcp"
-       - **Endpoint**: `https://mcp.neon.tech/mcp`
+      />
-    5. Click `Add Extension` to save the extension
-    6. Navigate to the chat
     </TabItem>
     <TabItem value="cli" label="Goose CLI">
       <CLIExtensionInstructions

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)}`,

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": []