Update MCP server documentation to describe auto-generated functionality (#1720)

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: [email protected] <[email protected]>
Co-authored-by: Devin Logan <[email protected]>

Author: 3 people

.vale/styles/FernStyles/Headings.yml

@@ -79,3 +79,4 @@ exceptions:
   - YAML
   - fern.config.json
   - Font Awesome
+  - MCP

fern/products/docs/pages/ai/cursor-mcp.mp4

@@ -3,18 +3,43 @@ title: MCP server for your site
 description: Learn how to use the Model Context Protocol (MCP) to integrate AI capabilities with your Fern documentation
 ---
 
-<Markdown src="/snippets/wip-callout.mdx" />
-
 [Model Context Protocol (MCP)](https://modelcontextprotocol.io) is an open standard by Anthropic that enables AI applications to connect with external data sources and tools.
 
-Fern can build a production-ready MCP server for your documentation site. This enables developers using AI clients (like Claude Desktop, Cursor, and Windsurf) to get instant answers about your product directly within their development environment.
+Fern automatically generates and hosts a production-ready MCP server for every documentation site. This enables developers using AI clients (like Claude Desktop, Cursor, and Windsurf) to get instant answers about your product directly within their development environment.
 
 ## How it works
 
-Fern analyzes your docs site structure and content, then creates an MCP server. 
+Fern automatically creates an MCP server for your documentation site that uses Ask Fern AI search to answer questions about your documentation.
+
+When developers connect to your MCP server, they can ask questions about your product. Their AI client will search through your documentation and provide accurate, contextual answers. The server respects your documentation's authentication settings and reflects your current documentation content.
+
+## Access your MCP server
+
+Your MCP server is automatically available at `your-documentation-site.com/_mcp/server`. For example, the MCP server for Eleven Labs documentation is available here: https://elevenlabs.io/docs/_mcp/server. 
+
+To connect to your MCP server:
+
+<AccordionGroup>
+<Accordion title="Connect MCP server to Cursor">
+
+1. Under the **Page actions** on any page on your site, select **Connect to Cursor**.
+1. When Cursor opens, the server URL will be automatically populated. Click **Install** to connect the MCP. 
 
-Developers can access your MCP server by visiting `your-documentation-site.com/mcp` and copying the configuration snippet to add to their AI client settings. Once integrated, developers can ask their AI client questions about your products. The AI client will search through your documentation and provide accurate answers.
+<video 
+    src="cursor-mcp.mp4"
+    autoPlay
+    loop
+    controls
+    playsInline
+    muted
+>
+</video>
+</Accordion>
+<Accordion title="Connect MCP server to other agents (Claude Desktop, Windsurf, etc)">
 
-<Tip>
-**Looking for Fern's own MCP server?** If you want to connect your AI client to Fern's MCP server for help with Ask Fern, Docs, and SDKs, see the [fern-mcp-server repository](https://github.com/fern-api/fern-mcp-server).
-</Tip> 
+1. Visit `your-documentation-site.com/_mcp/server` in a browser to see the server information
+2. Add this URL to your AI client's MCP server configuration
+3. Authenticate if your documentation requires authentication
+4. Start asking questions about your product directly in the AI client    
+</Accordion>
+</AccordionGroup>

fern/products/docs/pages/ai/mcp-server.mdx

@@ -138,18 +138,18 @@ subtitle: A website builder for beautiful agent and developer-friendly docs.
       </div>
     </a>
 
-    <a class="fern-card interactive not-prose rounded-3 relative block border p-6 text-base" href="https://github.com/fern-api/fern-mcp-server">
+    <a class="fern-card interactive not-prose rounded-3 relative block border p-6 text-base" href="/learn/docs/ai-features/mcp-server">
       <div class="flex items-start flex-col space-y-3">
-        <img class="mx-auto dark:hidden" alt="Fern's MCP Server" src="./images/mcp-server-light.png" />
-        <img class="mx-auto hidden dark:block" alt="Fern's MCP Server" src="./images/mcp-server-dark.png" />
+        <img class="mx-auto dark:hidden" alt="MCP server for your site" src="./images/mcp-server-light.png" />
+        <img class="mx-auto hidden dark:block" alt="MCP server for your site" src="./images/mcp-server-dark.png" />
         <div class="w-full space-y-1 overflow-hidden">
           <div class="text-(color:--grayscale-a12) text-body text-base font-semibold card-title">
-            Fern's MCP server
+            MCP server for your site
             <img src="./images/arrow-right-black.svg" alt="Arrow right light" className="arrow-right dark:hidden m-0" noZoom />
             <img src="./images/arrow-right-white.svg" alt="Arrow right light" className="arrow-right hidden dark:block m-0" noZoom />
           </div>
           <div class="text-(color:--grayscale-a11) font-light">
-            <p>Add Fern's MCP server to your AI workflows.</p>
+            <p>Auto-generated MCP server for AI client integration.</p>
           </div>
         </div>
       </div>