MCP Command Generator

🇯🇵 日本語版 README

A Chrome extension for easily generating Model Context Protocol (MCP) commands for Claude Code.

Features

• Easy Command Generation: Generate MCP commands for stdio, SSE, and HTTP server types
• Command Presets: Pre-configured templates for popular tools (Node.js, Python, npm, etc.)
• Custom Commands: Add and manage your own command presets
• Multi-language Support: Available in English and Japanese
• Copy to Clipboard: One-click copying of generated commands

Installation

From GitHub Releases

1. Download the latest release from Releases
2. Extract the ZIP file
3. Load the extension in Chrome (see steps 4-5 below)

From Source

1. Clone this repository:

   git clone https://github.com/Riti0208/cc-mcp-command-generator.git
   cd cc-mcp-command-generator

2. Install dependencies:

   npm install

3. Build the extension:

   npm run build

4. Load the extension in Chrome:

   • Open Chrome and go to chrome://extensions/
   • Enable "Developer mode"
   • Click "Load unpacked" and select the project directory

Usage

1. Click the extension icon in Chrome toolbar
2. Select server type (stdio, SSE, or HTTP)
3. Enter server name and scope
4. Choose a command preset or enter custom command
5. Add arguments and environment variables as needed
6. Click "Generate Command" and copy the result

Generated Command Format

stdio servers:

claude mcp add my-server -s user node /path/to/server.js -e API_KEY=secret

SSE/HTTP servers:

claude mcp add --transport sse my-server -s user https://api.example.com -e API_KEY=secret

Command Presets

The extension includes presets for:

• Node.js - node /path/to/app.js
• Python - python /path/to/script.py
• npm/npx - Package management commands
• Docker - Container commands
• Ruby, Go, Java, Deno, Cargo - Various runtime environments

Development

Project Structure

src/
├── commandGenerator.ts     # Core command generation logic
├── commandPresets.ts       # Preset management
├── popup-modal.ts         # UI controller
├── i18n.ts               # Internationalization
└── *.test.ts             # Test files

Scripts

• npm run build - Build the extension
• npm test - Run tests
• npm run test:watch - Watch mode testing
• npm run test:coverage - Coverage report

Tech Stack

• TypeScript - Type-safe development
• Webpack - Module bundling
• Jest - Testing framework
• Chrome Extension Manifest V3

Testing

The project uses Test-Driven Development (TDD) with comprehensive test coverage:

npm test                    # Run all tests
npm run test:watch         # Watch mode
npm run test:coverage      # Coverage report

Contributing

1. Fork the repository
2. Create a feature branch
3. Write tests for new functionality
4. Implement the feature
5. Ensure all tests pass
6. Submit a pull request

License

MIT License - see LICENSE file for details.

Related

• Claude Code Documentation
• Model Context Protocol Specification
• MCP Server Examples