doggy8088/cca-mcp-configurator

A simple and easy-to-use web tool for managing the MCP (Model Context Protocol) settings for GitHub Copilot Coding Agents.

Features

✨ Built-in default settings

• Playwright MCP: Browser automation tool for web testing and interaction
• More built-in settings coming soon…

🎨 Custom Settings Management

• ➕ Add custom MCP server settings
• ✏️ Edit existing custom settings
• 🗑️ Delete unnecessary settings

💾 Data Persistence

• All settings are automatically saved in the browser’s localStorage
• Data remains after reloading the page

📤 Export/Import

• 📥 Export settings are set to JSON files
• 📂 Import the previously saved configuration file
• Convenient synchronization between different devices

📋 Quick Copying

• One-click copy of the generated JSON settings to the clipboard
• Paste directly into GitHub Copilot settings for use

How to use

Online use

Access GitHub Pages deployment version: https://doggy8088.github.io/cca-mcp-configurator/

Local development

Installing dependencies

Development Model

Build the Production Version

The built file will be located in the dist directory, containing compression-optimized HTML, CSS, and JavaScript.

Note: The build process will automatically perform code formatting to ensure consistent code style.

Code formatting

The project uses Prettier for code formatting.

Local preview of the build version

Directly Use (No Setup Required)

1. Open the src/index.html file directly (in the browser)

Or use any static file server:

2. Access http://localhost:8080 in your browser

Choose Default Settings

1. In the “Built-in Settings” section, check the MCP server you want to use
2. JSON output will update automatically

Add custom settings

1. Click the “+ Add Custom Settings” button
2. Fill in the following information:

• Name: MCP server identifier (required)
• Description: Briefly describe the purpose of this setting (optional)
• Configuration (JSON): Full JSON configuration for the server (required)

3. Click “Save”

Example JSON configuration:

Edit custom settings

1. Click the “Edit” button next to custom settings
2. Modify the information
3. Click “Save”

Delete custom settings

1. Click the “Delete” button next to custom settings
2. Confirm deletion

Export Settings

1. Click the “💾 Export Settings” button
2. The file will automatically download as mcp-config.json

Import Settings

1. Click the “📂 Import Settings” button