VS Code Integration with Ace Data Cloud MCP

This is an overview article: integrating the MCP capabilities provided by Ace Data Cloud into VS Code (GitHub Copilot Chat / Agent Mode). The recommended path is: search for the plugin in the extension marketplace → install the plugin → configure API Key → call MCP tools in Copilot Agent.

¶ Why Use VS Code + MCP

The GitHub Copilot Chat in VS Code can call MCP tools in Agent mode. After integrating Ace Data Cloud, Copilot can complete more creative and retrieval tasks within the editor:

Generate product images or promotional graphics after finishing the README
Generate suitable background music while recording tutorials
Search for the latest information while writing technical blogs
Compress links in release notes during versioning
Generate short video materials during product demonstrations

All these operations can be completed in VS Code without frequently switching windows.

¶ What MCP Plugins Does Ace Data Cloud Provide

MCP Plugin	Extension ID	Domain	Configuration Method
Suno MCP	`acedatacloud.mcp-suno`	Music	`Suno MCP: Set Ace Data Cloud API Key`
Flux MCP	`acedatacloud.mcp-flux`	Painting	`Flux MCP: Set Ace Data Cloud API Key`
Seedream MCP	`acedatacloud.mcp-seedream`	Painting	`Seedream MCP: Set Ace Data Cloud API Key`
NanoBanana MCP	`acedatacloud.mcp-nanobanana`	Painting	`NanoBanana MCP: Set Ace Data Cloud API Key`
Luma MCP	`acedatacloud.mcp-luma`	Video	`Luma MCP: Set Ace Data Cloud API Key`
Veo MCP	`acedatacloud.mcp-veo`	Video	`Veo MCP: Set Ace Data Cloud API Key`
Seedance MCP	`acedatacloud.mcp-seedance`	Video	`Seedance MCP: Set Ace Data Cloud API Key`
Serp MCP	`acedatacloud.mcp-serp`	Search	`Serp MCP: Set Ace Data Cloud API Key`
Short URL MCP	`acedatacloud.mcp-shorturl`	Tool	`Short URL MCP: Set Ace Data Cloud API Key`

The same Ace Data Cloud API Key can be used for all MCP services.

¶ Step 1: Search and Install Plugins

Open the VS Code extension marketplace: Cmd+Shift+X
Search for the plugin name, such as Suno MCP, Flux MCP, Veo MCP
You can also directly search for the extension ID, such as acedatacloud.mcp-suno
Click Install, and reload the window as prompted

It is recommended to first install the 2-3 most commonly used plugins, such as Suno MCP, Flux MCP, Serp MCP, and then expand to other services once the process is smooth.

¶ Step 2: Obtain and Fill in the API Key

Open Ace Data Cloud Console / Applications
Copy the API Key for the corresponding application
Return to VS Code and press Cmd+Shift+P
Execute the setting command for the corresponding plugin, such as:
- Suno MCP: Set Ace Data Cloud API Key
- Flux MCP: Set Ace Data Cloud API Key
- Veo MCP: Set Ace Data Cloud API Key
Paste the API Key and press enter to save

The plugin will store the API Key in VS Code SecretStorage (system keychain) and will not write it into project files.

If the plugin does not provide a command palette entry, please use the .vscode/mcp.json configuration as per the single tutorial for that service.

¶ Step 3: Verify in Copilot Agent

Open GitHub Copilot Chat
Switch the mode to Agent
Enter a task, for example:

Use serp to search for "AI video generation latest trends 2026",
then use flux to generate a 16:9 cover image, and finally use shorturl to compress the article link.

When you see the corresponding MCP tool being called, it indicates that the plugin and API Key have been configured successfully.

¶ Manual mcp.json Configuration

If you need to place the MCP configuration in the project, you can also create a .vscode/mcp.json:

{
  "inputs": [
    {
      "id": "acedata-api-key",
      "type": "promptString",
      "description": "Ace Data Cloud API Key",
      "password": true
    }
  ],
  "servers": {
    "suno": {
      "type": "http",
      "url": "https://suno.mcp.acedata.cloud/mcp",
      "headers": {
        "Authorization": "Bearer ${input:acedata-api-key}"
      }
    },
    "flux": {
      "type": "http",
      "url": "https://flux.mcp.acedata.cloud/mcp",
      "headers": {
        "Authorization": "Bearer ${input:acedata-api-key}"
      }
    },
    "veo": {
      "type": "http",
      "url": "https://veo.mcp.acedata.cloud/mcp",
      "headers": {
        "Authorization": "Bearer ${input:acedata-api-key}"
      }
    }
  }
}

On the first call, VS Code will pop up an API Key input box. Each team member fills in their own Key, and the Key will not be submitted to Git.

¶ Service × VS Code Individual Tutorial Index

Service	Tutorial
Suno MCP	VS Code + Suno MCP: Writing Songs and BGM
Flux MCP	VS Code + Flux MCP: Quickly Generating Product Images
Seedream MCP	VS Code + Seedream MCP: Chinese Scene Painting
NanoBanana MCP	VS Code + NanoBanana MCP: Multi-Image Editing
Luma MCP	VS Code + Luma MCP: Concept Video Generation
Veo MCP	VS Code + Veo MCP: Google Video Capabilities
Seedance MCP	VS Code + Seedance MCP: Action and Camera Control
Serp MCP	VS Code + Serp MCP: Google Search Workflow
Short URL MCP	VS Code + Short URL MCP: Link Management Automation

¶ Frequently Asked Questions

Q: Which is more recommended, the plugin method or manual mcp.json?

A: If the plugin provides the Set Ace Data Cloud API Key command, prioritize using the plugin command; if there is no command entry, use .vscode/mcp.json.

Q: How many MCP services can one API Key be used for?

A: The same API Key can be used for all MCP services of Ace Data Cloud.

Q: Where is it safer to place the API Key? A: The plugin commands will be saved to VS Code SecretStorage; when configuring manually, it is recommended to use ${input:...}, and do not write the real API Key into the Git repository.

Starting from Suno MCP, Flux MCP, or Serp MCP, you can transform VS Code from a code editor into an AI creation and retrieval workstation in just a few minutes.