Create MCP documentation

docs/concepts/mcp.md

@@ -0,0 +1,116 @@
+---
+title: MCP
+description: Model Context Protocol (MCP) server with built-in tools to allow users to deploy with Defang through a supported IDE.
+sidebar-position: 200
+---
+
+# Model Context Protocol (MCP)
+
+Defang has a [Model Context Protocol (MCP) server](https://github.com/DefangLabs/defang) with built-in tools to allow users to deploy and manage cloud services through a
+supported IDE.
+
+Using this MCP server with an IDE will enable the AI coding agent (e.g. Copilot) to use Defang tools and resources to perform tasks, such as deploying a service to the cloud. This means you can now use Defang with IDE-integrated AI coding agents.
+
+![Defang MCP Server Diagram](/img/mcp-concept/diagram.png)
+
+For more detail on MCP architecture, visit the [official MCP documentation](https://modelcontextprotocol.io/introduction).
+
+:::info
+The MCP Server currently supports deployments to [Defang Playground](/docs/providers/playground). We plan to support Defang BYOC in future updates.
+:::
+
+## Installation
+
+First, make sure you have the [npm package manager](https://docs.npmjs.com/downloading-and-installing-node-js-and-npm) installed. Connect the MCP server with your IDE by running the following command in your terminal:
+
+```bash
+npx -y defang mcp setup --client=<your-ide>
+```
+
+Replace `<your-ide>` with the name of your preferred IDE. See our list of [Supported IDEs](#supported-ides). After setup, you can start the MCP server with the command:
+
+```bash
+npx -y defang mcp serve
+```
+
+Once the server is running, you can access the Defang MCP tools directly through the AI agent chat in your IDE.
+
+## Supported IDEs
+
+### Cursor
+
+```bash
+npx -y defang mcp setup --client=cursor
+```
+
+### Windsurf
+
+```bash
+npx -y defang mcp setup --client=windsurf
+```
+
+### VSCode
+
+```bash
+npx -y defang mcp setup --client=vscode
+```
+
+### Claude Desktop
+
+(While this is not an IDE in the traditional sense, it can support MCP servers.)
+
+```bash
+npx -y defang mcp setup --client=claude
+```
+
+## MCP Tools
+
+Below are the tools available in the Defang MCP Server.
+
+### `deploy`
+
+The `deploy` tool scans your project directory for Dockerfiles and `compose.yaml` files, then deploys the detected service(s) using Defang. You can monitor the deployment process in the Defang Portal.
+
+### `services`
+
+The `services` tool displays the details of all your services that are currently deployed with Defang. It shows the Service Name, Deployment ID, Public URL and Service Status. If there are no services found, it will display an appropriate message.
+
+### `destroy`
+
+Given a project name or directory, the `destroy` tool identifies any services deployed with Defang and terminates them. If no services are found, it will display an appropriate message.
+
+:::info
+This page is a guide to the Defang MCP Server detailing its installation, tools, and usage. If you are looking for an example of how you can deploy a MCP project with Defang, please instead refer to our [MCP sample application](https://github.com/DefangLabs/samples/tree/main/samples/mcp).
+:::
+
+## Example Prompts
+
+After connecting the Defang MCP Server to your IDE using an installation method, you can type in prompts in your chat to invoke the AI agent to use an MCP tool(s).
+
+For example, you can ask the AI agent:
+
+```
+can you deploy this to defang?
+```
+
+```
+please destroy this project.
+```
+
+```
+am I logged in to defang?
+```
+
+```
+what services do I have?
+```
+
+You can also choose to specify a project name or project directory if you do not have the project open:
+
+```
+deploy this with defang /Users/yourname/Documents/project1
+```
+
+```
+do I have a service called project1
+```