Skip to content

🔌 MCP Plugin Usage Guide

A quick story: you keep hopping between VS Code logs, pasting API keys, and authorizing in a browser—your flow breaks. After enabling MCP, the IDE agent “knows how to use tools”: it can read/write your project and talk to external services. Common steps (auth, build, upload, analytics) chain together as a single instruction and development feels smooth again.

What is MCP? In one sentence: a standard plug between LLMs and the outside world.

  • 🧠 Context management: feed task-critical context to AI precisely and safely.
  • 🔄 Capability expansion: attach new tools via a unified protocol anytime.
  • 🔒 Consistency: stable formats, error handling, and state management.
  • 🛠️ Tool integration: seamless with IDEs, analytics services, and open APIs.

⚙️ Configuration and Usage

🔧 Supported Development Tools

Tools that support MCP include:

  • VS Code
  • Trae / Claude / Cursor
  • Windsurf / Cline / Cherry Studio, etc.

📝 VS Code Configuration Steps

  1. Create an mcp.json configuration file in the .vscode directory of your project.
  2. Add the following configuration content:
json
{
  "servers": {
    "ArenaPro-MCP": {
      "type": "sse",
      "url": "http://localhost:25315/ap-mcp"
    }
  }
}

📋 Configuration Description:

  • servers: A collection of MCP server configurations
  • ArenaPro-MCP: The server identifier name (can be customized)
  • type: The service type, using the SSE (Server-Sent Events) protocol
  • url: The MCP server address

🚀 Starting the Service

After configuration, open the MCP panel and you should see a screen like this. Click the Run button above the configuration item and wait until it shows Running:

MCP Configuration Interface

Figure 1: MCP Configuration Interface

Once the service is ready, you can invoke MCP tools directly inside the IDE.

💬 Feature Usage

🤖 AI Agent Interaction

  1. Start the built-in GitHub Copilot in VS Code
  2. Switch to Agent mode
Agent Mode Settings

Figure 2: Agent Mode Settings Interface

🧩 Extended Tool Integration

🔌 Integrated Tools: The core MCP functions provided by the plugin can work in conjunction with other MCP tools to access more Box3-related features:

📊 Application Examples

📝 Code Inspection and Deployment

The AI can assist in checking code issues and automatically deploying to Box3 via MCP:

Code Inspection Example

Figure 3: Code Inspection and Deployment Example

📈 Map Data Analysis

Combined with the Box3 map data analysis tool, the following automated tasks can be achieved:

FunctionDescription
🔑 User Authorization AcquisitionAutomatically obtains user authorization and map information
📊 Data AnalysisAnalyzes gameplay data and generates various statistical results
📝 Report GenerationGenerates structured analysis reports
🔄 Document UpdatesAutomatically updates relevant documents
Data Analysis Example

Figure 4: Map Data Analysis Example

⚡ Automation Advantages

🔑 Seamless Authorization

  • Eliminates manual account entry
  • AI directly accesses account data

🔄 Tool Collaboration

  • Supports multi-tool collaborative analysis
  • Enables automated operation flows
Automated Operation

Figure 5: Automated Operation Flow

❓ Frequently Asked Questions

IssueSolution
🚫 Service Fails to Start • Check if port 25315 is occupied
• Confirm the plugin's enabled status
• Try restarting VS Code
🔌 Tool Connection Abnormal • Verify the network connection status
• Check the tool's service address configuration
• Confirm firewall settings

Warning

⚠️ Note: Service startup depends on the ArenaPro plugin. Please ensure it is correctly installed and enabled. If you encounter network issues, it is recommended to check your network connection and try using a proxy or switching to a different network environment.

📚 Appendix: MCP Tool Commands

👤 User Center Tools

CommandDescription
userCenterTool_userTokenAndUAGet user Token and UserAgent
userCenterTool_userInfoGet basic user information
userCenterTool_accountsLoginAccount login
userCenterTool_accountsLogoutAccount logout

📁 File Operation Tools

CommandDescription
file_npm_package_getSearch for Box3 NPM packages
file_outputNameOutput and update file
file_mapToolMap selection
file_buildNUploadBuild and upload
file_createProjectCreate project
file_checkDtsCheck Dts files
file_nodeJs_settingNode.js configuration
file_openArenaOpen resource manager
file_reHMRRestart HMR
file_stopHMRStop HMR
file_upLoadUpload JS file
file_debuggerQuick debug
file_openOutputLogOpen output log
file_dao3config_openOpen project configuration
file_npm_package_pathSet NPM package path

🗺️ Map Tools

CommandDescription
map_showMapShow map creator end
map_playDataView gameplay data
map_resourceSync map resources

🧩 Component Tools

CommandDescription
component_showComponentStatsShow component stats

💬 Chat Ji PT Tools

CommandDescription
chatjpt_onlyKnowledgeBaseQuery the Box3 API knowledge base only

For a dedicated UI and usage guide, see: Only Knowledge Base Mode (onlyKnowledgeBase).

神岛实验室