Update MCP page

Author: handotdev

docs.json

@@ -112,6 +112,7 @@
               "settings/ci",
               "settings/preview-deployments",
               "core-concepts/custom-scripts",
+              "mcp",
               {
                 "group": "Integrations",
                 "icon": "blocks",
@@ -206,14 +207,6 @@
                   "advanced/dashboard/sso",
                   "advanced/dashboard/permissions"
                 ]
-              },
-              {
-                "group": "Model Context Protocol",
-                "icon": "audio-waveform",
-                "pages": [
-                  "advanced/mcp/quickstart",
-                  "advanced/mcp/generate"
-                ]
               }
             ]
           }

images/mcp/mcp-server-page-dark.png

@@ -0,0 +1,115 @@
+---
+title: "Model Context Protocol"
+description: "Generate MCP servers from your documentation or OpenAPI specs"
+icon: 'audio-waveform'
+---
+
+## Overview
+
+The Model Context Protocol (MCP) is an open protocol that connects your functions to LLMs and AI applications. With Mintlify's integration, you can automatically generate an MCP server from your existing documentation or OpenAPI specifications, enabling seamless AI-powered interactions with your product.
+
+## Quick Usage Guide
+
+Any public documentation hosted on Mintlify can be extracted as an MCP server using a simple command:
+
+```bash
+npx @mintlify/mcp add <your-subdomain-or-domain>
+```
+
+Examples:
+
+```bash
+# Using subdomain
+npx @mintlify/mcp add mintlify
+
+# Using domain
+npx @mintlify/mcp add mintlify.com
+```
+
+### Authentication
+
+When you run the command, you'll need to provide two API keys, `External Admin Key` and `Chat API Key`.
+
+These can be found in your [Mintlify Dashboard](https://dashboard.mintlify.com/settings/organization/api-keys) under **Settings > API Keys**.
+
+<Frame>
+  <img src="/images/mcp/mcp-terminal.png" alt="API Keys" />
+</Frame>
+
+### Select MCP Clients
+
+After authentication, you'll choose which MCP clients to enable for your server:
+
+<Frame>
+  <img src="/images/mcp/mcp-terminal-completed.png" alt="MCP Clients" />
+</Frame>
+
+Once configured, your MCP server is ready to use with the command provided in the terminal.
+
+## Configuring Your MCP Server
+
+Now let's take a look at how to configure your MCP server.
+
+### Default Functionality
+
+All MCP servers include the `search` tool by default, allowing users to query information across your entire documentation.
+
+### Adding API Functions
+
+If you have an OpenAPI specification, you can expose specific endpoints as MCP tools by using the `x-mcp` extension at either the file or endpoint level.
+
+#### File-Level Configuration
+
+Enable MCP for all endpoints in a specification file:
+
+```json
+{
+  "openapi": "3.1.0",
+  "x-mcp": {
+    "enabled": true
+  },
+  // Other OpenAPI content
+}
+```
+
+#### Endpoint-Level Configuration
+
+Enable MCP for specific endpoints only:
+
+```json
+{
+  "paths": {
+    "/api/v1/users": {
+      "x-mcp": {
+        "enabled": true
+      },
+      // Endpoint configuration
+    }
+  }
+}
+```
+
+### Authentication Handling
+
+If your OpenAPI spec defines authentication using securitySchemes, these authentication methods will be automatically applied to your MCP server.
+
+### Monitoring Your MCP Server
+
+After publishing your changes, you can view all available MCP tools in the **Available Tools** section on the MCP server page in your dashboard.
+
+<Frame>
+  <img src="/images/mcp/mcp-server-page-light.png" alt="MCP Dashboard" class="block dark:hidden" />
+  <img src="/images/mcp/mcp-server-page-dark.png" alt="MCP Dashboard" class="hidden dark:block" />
+</Frame>
+
+## Distribution
+
+### User Installation
+
+Your users can install and use your MCP server with:
+
+```bash
+npx @mintlify/mcp add <your-subdomain-or-domain>
+```
+
+This provides them with a ready-to-use MCP server that connects your documented functions to AI applications.