feat: rename vs-code-extension page to vs-code (#7075)

* feat: rename vs-code-extension page to vs-code

* fix: coderabbit nits

Author: ankur-arch

content/200-orm/800-more/350-ai-tools/100-cursor.mdx

@@ -24,7 +24,7 @@ While this guide is focused on Cursor, these patterns should work with any AI ed
 
 Prisma provides its own [Model Context Protocol](https://modelcontextprotocol.io/introduction) (MCP) server that lets you manage Prisma Postgres databases, model database schemas and chat through migrations. Learn more about how you can add it to Cursor [here](/postgres/integrations/mcp-server#cursor). You can also add the Prisma MCP server to Cursor using the [one-click installation](https://docs.cursor.com/context/model-context-protocol#one-click-installation) by clicking on the following link:
 
-<a href="https://cursor.com/install-mcp?name=Prisma&config=eyJjb21tYW5kIjoibnB4IC15IHByaXNtYSBtY3AifQ%3D%3D" target="_blank" rel="noopener noreferrer">
+<a href="https://pris.ly/cursor-prisma-mcp-web" target="_blank" rel="noopener noreferrer" aria-label="Install Prisma MCP server in Cursor">
   <img src="https://cursor.com/deeplink/mcp-install-dark.svg" alt="Install MCP Server" />
 </a>
 
@@ -522,7 +522,7 @@ The [Prisma VS Code extension](https://marketplace.visualstudio.com/items?itemNa
 
 ### Database management UI
 
-With its built-in database management interface, the [Prisma VS Code extension](/postgres/integrations/vscode-extension) lets you easily work with local and remote Prisma Postgres instances from inside your editor.
+With its built-in database management interface, the [Prisma VS Code extension](/postgres/integrations/vscode) lets you easily work with local and remote Prisma Postgres instances from inside your editor.
 
 #### Workflows
 

content/200-orm/800-more/350-ai-tools/200-tabnine.mdx

@@ -459,7 +459,7 @@ The [Prisma VS Code extension](https://marketplace.visualstudio.com/items?itemNa
 
 ### Database management UI
 
-With its built-in database management interface, the [Prisma VS Code extension](/postgres/integrations/vscode-extension) lets you easily work with local and remote Prisma Postgres instances from inside your editor.
+With its built-in database management interface, the [Prisma VS Code extension](/postgres/integrations/vscode) lets you easily work with local and remote Prisma Postgres instances from inside your editor.
 
 #### Workflows
 

content/200-orm/800-more/350-ai-tools/300-windsurf.mdx

@@ -546,7 +546,7 @@ The [Prisma VS Code extension](https://marketplace.visualstudio.com/items?itemNa
 
 ### Database management UI
 
-With its built-in database management interface, [the Prisma VS Code extension](/postgres/integrations/vscode-extension) lets you easily work with local and remote Prisma Postgres instances from inside your editor.
+With its built-in database management interface, [the Prisma VS Code extension](/postgres/integrations/vscode) lets you easily work with local and remote Prisma Postgres instances from inside your editor.
 
 #### Workflows
 

content/200-orm/800-more/350-ai-tools/400-github-copilot.mdx

@@ -13,7 +13,7 @@ GitHub Copilot is an AI coding assistant that speeds up your Prisma ORM workflow
 - Run common Prisma CLI commands (e.g. `prisma migrate dev`, `prisma db push`) via Copilot's command-palette interface.
 - Scaffold Prisma schema models and generate Prisma Client code and run migrations directly from the Copilot chat interface.
 
-GitHub Copilot allows you to query the official docs via the [**Prisma for GitHub Copilot** extension](https://github.com/apps/prisma-for-github-copilot) and also perform automated [actions in VS Code Agent mode](/postgres/integrations/vscode-extension#agent-mode), such as scaffolding a Prisma schema, running seeds scripts, and creating a production-ready Prisma Postgres database. 
+GitHub Copilot allows you to query the official docs via the [**Prisma for GitHub Copilot** extension](https://github.com/apps/prisma-for-github-copilot) and also perform automated [actions in VS Code agent mode](/postgres/integrations/vscode#agent-mode), such as scaffolding a Prisma schema, running seed scripts, and creating a production-ready Prisma Postgres database.
 
 ## Query Prisma docs with the Prisma for GitHub Copilot extension
 
@@ -47,7 +47,7 @@ GitHub Copilot Chat offers an **Agent** mode in VS Code that can run Prisma comm
 - Generate Prisma Client code.
 - Create a new Prisma Postgres database and update your `.env` file.
 
-You can type `Create a database named test-db and add its connection string to the .env file.` in the Copilot chat, and it will automatically create a new database named `test-db` and add the connection string to your `.env` file. To learn more about this, visit our [VS Code agent mode documentation](/postgres/integrations/vscode-extension#agent-mode).
+You can type `Create a database named test-db and add its connection string to the .env file.` in the Copilot chat, and it will automatically create a new database named `test-db` and add the connection string to your `.env` file. To learn more about this, visit our [VS Code agent mode documentation](/postgres/integrations/vscode#agent-mode).
 
 ## Customize GitHub Copilot with `copilot-instructions.md`
 

content/200-orm/800-more/500-development-environment/200-editor-setup.mdx

@@ -52,7 +52,7 @@ You can install the official [Prisma VS Code extension](https://marketplace.visu
 
 :::tip
 
-If you're using VS Code, you can use [VS Code agent mode](https://code.visualstudio.com/docs/copilot/chat/chat-agent-mode) to enter prompts such as “create Postgres database” or “apply schema migration” directly in the chat. The VS code agent handles all underlying Prisma CLI invocations and API calls automatically. See our [VS Code Agent documentation](/postgres/integrations/vscode-extension#agent-mode) for more details.
+If you're using VS Code, you can use [VS Code agent mode](https://code.visualstudio.com/docs/copilot/chat/chat-agent-mode) to enter prompts such as “create Postgres database” or “apply schema migration” directly in the chat. The VS code agent handles all underlying Prisma CLI invocations and API calls automatically. See our [VS Code Agent documentation](/postgres/integrations/vscode#agent-mode) for more details.
 
 :::
 

content/250-postgres/1100-integrations/400-mcp-server.mdx

@@ -79,7 +79,7 @@ npx -y prisma mcp
 
 :::tip
 
-If you're using VS Code, you can use [VS Code agent mode](https://code.visualstudio.com/docs/copilot/chat/chat-agent-mode) to enter prompts such as "create Postgres database" or "apply schema migration" directly in the chat. The VS code agent handles all underlying Prisma CLI invocations and API calls automatically. See our [VS Code Agent documentation](/postgres/integrations/vscode-extension#agent-mode) for more details.
+If you're using VS Code, you can use [VS Code agent mode](https://code.visualstudio.com/docs/copilot/chat/chat-agent-mode) to enter prompts such as "create Postgres database" or "apply schema migration" directly in the chat. The VS Code agent handles all underlying Prisma CLI invocations and API calls automatically. See our [VS Code Agent documentation](/postgres/integrations/vscode#agent-mode) for more details.
 
 :::
 
@@ -123,6 +123,51 @@ AI tools have different ways of integrating MCP servers. In most cases, there ar
 
 In this section, we're covering the config formats of the most popular AI tools.
 
+### VS Code 
+
+Install the Prisma MCP server in VS Code with a single click using the link below:
+
+<a
+  href="vscode:mcp/install?%7B%22name%22%3A%22prisma-postgres%22%2C%22gallery%22%3Atrue%2C%22url%22%3A%22https%3A%2F%2Fmcp.prisma.io%2Fmcp%22%7D"
+  aria-label="Install Prisma MCP server in VS Code"
+  style={{
+    display: 'inline-flex',
+    alignItems: 'center',
+    borderRadius: '6px',
+    overflow: 'hidden',
+    textDecoration: 'none',
+    height: '2.0rem'
+  }}
+>
+  <span style={{ backgroundColor: '#2C2C2C', color: 'white', padding: '0.6rem 0.8rem' }}>
+    VS CODE
+  </span>
+  <span style={{ backgroundColor: '#0098FF', color: 'white', padding: '0.6rem 1rem' }}>
+    INSTALL PRISMA MCP SERVER
+  </span>
+</a>
+
+This will prompt you to open VS Code. Once opened, you'll be guided to install the Prisma MCP server directly into your VS Code configuration. 
+
+If your browser blocks the link, [you can set it up manually](https://code.visualstudio.com/docs/copilot/chat/mcp-servers#_add-an-mcp-server-to-your-workspace) by creating a `.vscode/mcp.json` file in your workspace and adding:
+
+```json file=.vscode/mcp.json
+{
+  "servers": {
+    "Prisma-Local": {
+      "command": "npx",
+      "args": ["-y", "prisma", "mcp"]
+    },
+    "Prisma-Remote": {
+      "command": "npx",
+      "args": ["-y", "mcp-remote", "https://mcp.prisma.io/mcp"]
+    }
+  }
+}
+```
+
+Explore additional Prisma features and workflows for VS Code in [our docs](/postgres/integrations/vscode).
+
 ### Cursor
 
 To learn more about Cursor's MCP integration, check out the [Cursor MCP docs](https://docs.cursor.com/context/model-context-protocol#configuration-locations).
@@ -131,7 +176,7 @@ To learn more about Cursor's MCP integration, check out the [Cursor MCP docs](ht
 
 You can add the Prisma MCP server to Cursor using the [one-click installation](https://docs.cursor.com/context/model-context-protocol#one-click-installation) by clicking on the following link:
 
-<a href="https://cursor.com/install-mcp?name=Prisma&config=eyJjb21tYW5kIjoibnB4IC15IHByaXNtYSBtY3AifQ%3D%3D" target="_blank" rel="noopener noreferrer">
+<a href="https://pris.ly/cursor-deeplink" target="_blank" rel="noopener noreferrer">
   <img src="https://cursor.com/deeplink/mcp-install-dark.svg" alt="Install MCP Server" />
 </a>
 

content/250-postgres/1100-integrations/500-vscode-extension.mdx renamed to content/250-postgres/1100-integrations/500-vscode.mdx

@@ -1,5 +1,5 @@
 ---
-title: 'VS Code extension' 
+title: 'VS Code' 
 description: 'The Prisma VS Code extension provides a management UI for Prisma Postgres and superpowers for Copilot agent mode.' 
 metaTitle: 'Prisma VS Code extension' 
 metaDescription: 'The Prisma VS Code extension provides a management UI for Prisma Postgres and superpowers for Copilot agent mode.' 
@@ -9,7 +9,7 @@ toc: true
 
 ## Overview
 
-With over 2.5M installs and 350K MAU's, the [Prisma VS Code extension](https://marketplace.visualstudio.com/items?itemName=Prisma.prisma) is a powerful tool when you're building applications with Prisma Postgres with VS Code as your editor.
+[Visual Studio Code](https://code.visualstudio.com) is one of the most popular code editors, offering speed, flexibility, and a vast extension ecosystem. With over 2.5M installs and 350K MAUs, the [Prisma VS Code extension](https://marketplace.visualstudio.com/items?itemName=Prisma.prisma) is a powerful tool when you're building applications with Prisma Postgres using VS Code as your editor.
 
 ## Database management UI
 
@@ -38,6 +38,54 @@ To manage Prisma Postgres instances via the UI in the Prisma VS Code extension:
 
 Beyond managing your database instances, the Prisma VS Code extension embeds Prisma Studio directly in your editor making it easy to perform create, update, delete steps on your database from right inside of VS Code. Follow these [easy steps](/postgres/database/prisma-studio/studio-in-vs-code) to get started.
 
+
+## Prisma MCP server
+
+Prisma provides its own [Model Context Protocol](/postgres/integrations/mcp-server) (MCP) server that lets you manage Prisma Postgres databases, model database schemas and chat through migrations. 
+
+You can add the Prisma MCP server to VS Code using the one-click installation by clicking on the following link:
+
+<a
+  href="vscode:mcp/install?%7B%22name%22%3A%22prisma-postgres%22%2C%22gallery%22%3Atrue%2C%22url%22%3A%22https%3A%2F%2Fmcp.prisma.io%2Fmcp%22%7D"
+  aria-label="Install Prisma MCP server in VS Code"
+  style={{
+    display: 'inline-flex',
+    alignItems: 'center',
+    borderRadius: '6px',
+    overflow: 'hidden',
+    textDecoration: 'none',
+    height: '2.0rem'
+  }}
+>
+  <span style={{ backgroundColor: '#2C2C2C', color: 'white', padding: '0.6rem 0.8rem' }}>
+    VS CODE
+  </span>
+  <span style={{ backgroundColor: '#0098FF', color: 'white', padding: '0.6rem 1rem' }}>
+    INSTALL PRISMA MCP SERVER
+  </span>
+</a>
+
+This will prompt you to open VS Code. Once opened, you'll be guided to install the Prisma MCP server directly into your VS Code configuration.
+
+If your browser blocks the link, [you can set it up manually](https://code.visualstudio.com/docs/copilot/chat/mcp-servers#_add-an-mcp-server-to-your-workspace) by creating a `.vscode/mcp.json` file in your workspace and adding:
+
+```json file=.vscode/mcp.json
+{
+  "servers": {
+    "Prisma-Local": {
+      "command": "npx",
+      "args": ["-y", "prisma", "mcp"]
+    },
+    "Prisma-Remote": {
+      "command": "npx",
+      "args": ["-y", "mcp-remote", "https://mcp.prisma.io/mcp"]
+    }
+  }
+}
+```
+
+Learn more about the MCP server in our [MCP server documentation](/postgres/integrations/mcp-server).
+
 ## Agent mode
 
 VS Code includes an [agent mode](https://pris.ly/vs-code-docs) (powered by GitHub Copilot) that automatically performs code changes and executes Prisma CLI commands based on your prompts.

static/_redirects

@@ -563,7 +563,7 @@
 /optimize/recommendations/_category_.json /docs/postgres/query-optimization/recommendations/_category_.json
 /postgres/database/api-reference/management-api /docs/postgres/introduction/management-api
 /postgres/database/error-reference /docs/postgres/database/api-reference/error-reference
-
+/postgres/integrations/vscode-extension /postgres/integrations/vscode
 ### Dynamic redirects ###
 /faq/* https://v1.prisma.io/docs/1.34/faq/:splat
 /understand-prisma/* https://v1.prisma.io/docs/1.34/understand-prisma/:splat
@@ -630,5 +630,6 @@
 /postgres/database/error-reference* /docs/postgres/database/api-reference/error-reference:splat
 
 /postgres/more/known-limitations /docs/postgres/introduction/overview
+/postgres/integrations/vscode-extension* /postgres/integrations/vscode:splat
 
 ### NO REDIRECTS BELOW THIS LINE. ADD REDIRECTS ABOVE THIS SECTION ###