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).

Recommended path: search for the extension in the marketplace → install the extension → configure the API Key → invoke MCP tools in Copilot Agent.

Why Use VS Code + MCP

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

  • Generate product or promotional images after writing a README
  • Generate suitable background music while recording tutorials
  • Search for the latest materials when writing technical blogs
  • Compress links in release notes during releases
  • Generate short video materials during product demos

All these operations can be done within VS Code without frequently switching windows.

MCP Plugins Provided by Ace Data Cloud

MCP Plugin Extension ID Domain Configuration Method
Suno MCP acedatacloud.mcp-suno Music Suno MCP: Set Ace Data Cloud API Key
Midjourney MCP acedatacloud.mcp-midjourney Painting Midjourney 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
Kling MCP acedatacloud.mcp-kling Video Kling MCP: Set Ace Data Cloud API Key
Wan MCP acedatacloud.mcp-wan Video Wan 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 Tools Short URL MCP: Set Ace Data Cloud API Key
Face Transform MCP acedatacloud.mcp-face-transform Face Configured via .vscode/mcp.json
Fish Audio MCP acedatacloud.mcp-fish Audio Configured via .vscode/mcp.json
Hailuo MCP acedatacloud.mcp-hailuo Video Configured via .vscode/mcp.json

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

  1. Open VS Code Extensions Marketplace: Cmd+Shift+X
  2. Search for plugin names, e.g., Suno MCP, Flux MCP, Veo MCP
  3. You can also search by extension ID, e.g., acedatacloud.mcp-suno
  4. Click Install, then 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. After confirming the workflow is smooth, expand to other services.

Step 2: Obtain and Enter API Key

  1. Open Ace Data Cloud Console / Applications
  2. Copy the API Key for the corresponding application
  3. Return to VS Code, press Cmd+Shift+P
  4. Execute the corresponding plugin’s setup command, for example:
    • Suno MCP: Set Ace Data Cloud API Key
    • Flux MCP: Set Ace Data Cloud API Key
    • Veo MCP: Set Ace Data Cloud API Key
  5. Paste the API Key and press Enter to save

The plugin will save the API Key in VS Code SecretStorage (system keychain), and it will not be written into project files.

If the plugin does not provide a command palette entry, please use .vscode/mcp.json configuration as per the service’s individual tutorial.

Step 3: Verify in Copilot Agent

  1. Open GitHub Copilot Chat
  2. Switch mode to Agent
  3. Enter a task, for example:
Use serp to search "AI video generation latest trends 2026",
then use flux to generate a 16:9 cover image, and finally use shorturl to shorten the article link.

When you see the corresponding MCP tools being called, it means the plugin and API Key have been configured successfully.

Manual mcp.json Configuration

If you need to place MCP configuration inside your project, you can create .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 first invocation, VS Code will pop up an API Key input box. Each team member fills in their own Key, which will not be committed to Git.

Service × VS Code Individual Tutorial Index

Service Tutorial
Face Transform MCP VS Code + Face Transform MCP
Fish Audio MCP VS Code + Fish Audio MCP
Suno MCP VS Code + Suno MCP: Songwriting and BGM
Flux MCP VS Code + Flux MCP: Quick Product Image Generation
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
Kling MCP VS Code + Kling MCP
Hailuo MCP VS Code + Hailuo MCP
Wan MCP VS Code + Wan MCP
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

FAQ

Q: Which is 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 the API Key stored more securely?

A: The plugin command saves it to VS Code SecretStorage; for manual configuration, it is recommended to use ${input:...} and avoid committing the real API Key to Git repositories.

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