diff --git a/sources/platform/actors/development/quick-start/build_with_ai.md b/sources/platform/actors/development/quick-start/build_with_ai.md
index ebd3557953..754e440483 100644
--- a/sources/platform/actors/development/quick-start/build_with_ai.md
+++ b/sources/platform/actors/development/quick-start/build_with_ai.md
@@ -13,8 +13,9 @@ toc_max_heading_level: 4
 
 import { AGENTS_PROMPT } from "@site/src/utils/agents-prompt";
 import PromptButton from "@site/src/components/PromptButton";
-import InstallMCPButton from "@site/src/components/InstallMCPButton";
 import copyForAI from "./images/copy-for-ai.png";
+import Tabs from '@theme/Tabs';
+import TabItem from '@theme/TabItem';
 
 This guide provides best practices for building new Actors or improving existing ones using AI code generation and vibe coding tools such as Cursor, Claude Code, or Visual Studio Code, by providing the AI agents with the right instructions and context.
 
@@ -61,6 +62,55 @@ We have prepared the [Apify MCP server configuration](https://mcp.apify.com/), w
 
 :::
 
+<Tabs>
+<TabItem value="cursor" label="Cursor">
+
+To add Apify MCP server to Cursor manually:
+
+1. Create or open the `.cursor/mcp.json` file.
+1. Add the following to the configuration file:
+
+    ```json
+    {
+      "mcpServers": {
+        "apify": {
+          "url": "https://mcp.apify.com/?tools=docs"
+        }
+      }
+    }
+    ```
+
+</TabItem>
+<TabItem value="vscode" label="VS Code">
+
+VS Code supports MCP through MCP-compatible extensions like _GitHub Copilot_, _Cline_, or _Roo Code_.
+
+1. Install an MCP-compatible extension (e.g., GitHub Copilot, Cline).
+1. Locate the extension's MCP settings or configuration file (often `mcp.json`).
+   - For _GitHub Copilot_: Run the **MCP: Open User Configuration** command.
+   - For _MCP-compatible extension_: Go to the MCP Servers tab in the extension interface.
+1. Add the Apify server configuration:
+
+    ```json
+    {
+      "mcpServers": {
+        "apify": {
+          "url": "https://mcp.apify.com/?tools=docs"
+        }
+      }
+    }
+    ```
+
+</TabItem>
+<TabItem value="claude" label="Claude">
+
+1. Go to **Settings** > **Connectors** in Claude.
+1. Click **Add custom connector**.
+1. Set the name to `Apify` and the URL to `https://mcp.apify.com/?tools=docs`.
+1. When chatting, select the **+** button and choose the **Apify** connector to add documentation context.
+
+</TabItem>
+</Tabs>
 ## Provide context to assistants
 
 Every page in the Apify documentation has a **Copy for LLM** button. You can use it to add additional context to your AI assistant, or even open the page in ChatGPT, Claude, or Perplexity and ask additional questions.
diff --git a/src/components/InstallMCPButton.jsx b/src/components/InstallMCPButton.jsx
deleted file mode 100644
index bd3aeb7db6..0000000000
--- a/src/components/InstallMCPButton.jsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import React from 'react';
-
-import { ExternalLinkIcon } from '@apify/ui-icons';
-import { Text } from '@apify/ui-library';
-
-import styles from './InstallMCPButton.module.css';
-
-export default function InstallMCPButton({ link, label = 'Install MCP', children }) {
-    if (!link) return null;
-
-    return (
-        <a href={link} className={styles.button} target="_blank" rel="noopener noreferrer">
-            <div className={styles.wrapper}>
-                <div className={styles.iconWrapper} aria-hidden>
-                    <ExternalLinkIcon size={16} className={styles.icon} />
-                </div>
-                <Text
-                    size="regular"
-                    className={styles.label}
-                >
-                    {children || label}
-                </Text>
-            </div>
-        </a>
-    );
-}
diff --git a/src/components/InstallMCPButton.module.css b/src/components/InstallMCPButton.module.css
deleted file mode 100644
index 632113a368..0000000000
--- a/src/components/InstallMCPButton.module.css
+++ /dev/null
@@ -1,54 +0,0 @@
-.wrapper {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    color: var(--ifm-color-content);
-}
-
-.button {
-    width: fit-content;
-    display: inline-flex;
-    align-items: center;
-    height: 3rem;
-
-    display: flex;
-    align-items: center;
-    border-radius: 8px;
-    border: 1px solid var(--color-Neutral_SeparatorSubtle);
-    background-color: var(--color-Neutral_BackgroundMuted);
-
-    cursor: pointer;
-    transition: background-color 0.2s ease-in-out;
-
-    &:hover {
-        background-color: var(--color-Neutral_BackgroundMuted);
-    }
-}
-
-.label {
-    height: 100%;
-    display: flex;
-    align-items: center;
-    padding-right: 0.8rem;
-    min-width: 9.3rem;
-
-    /* prevents font size glitch when loading the page */
-    margin: 0px;
-    font-size: 1.4rem;
-    font-weight: 400;
-    font-family: Inter, sans-serif;
-}
-
-.button:hover {
-    background-color: var(--color-Neutral_BackgroundMuted);
-    color: var(--ifm-color-content);
-}
-
-.iconWrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    padding-left: 0.8rem;
-    padding-right: 0.4rem;
-    height: 100%;
-}