cc-mcp-command-generator

# MCP Command Generator [🇯🇵 日本語版 README](README_ja.md) A Chrome extension for easily generating [Model Context Protocol (MCP)](https://docs.anthropic.com/en/docs/claude-code/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](https://github.com/Riti0208/cc-mcp-command-generator/releases) 2. Extract the ZIP file 3. Load the extension in Chrome (see steps 4-5 below) ### From Source 1. Clone this repository: ```bash git clone https://github.com/Riti0208/cc-mcp-command-generator.git cd cc-mcp-command-generator ``` 2. Install dependencies: ```bash npm install ``` 3. Build the extension: ```bash 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:** ```bash claude mcp add my-server -s user node /path/to/server.js -e API_KEY=secret ``` **SSE/HTTP servers:** ```bash 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: ```bash 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](LICENSE) file for details. ## Related - [Claude Code Documentation](https://docs.anthropic.com/en/docs/claude-code) - [Model Context Protocol Specification](https://modelcontextprotocol.io/) - [MCP Server Examples](https://github.com/topics/mcp-server)