npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2026 – Pkg Stats / Ryan Hefner

connect-mcp

v0.2.2

Published

One-click MCP integration CLI for Claude Desktop, Claude CoWork/Code, Codex, and VS Code (GitHub Copilot)

Readme

🚀 connect-mcp

Connect any MCP server to Claude Desktop, Claude CoWork/Code, Codex or VS Code in seconds — no config editing, no guesswork.


⚡ The Problem

Integrating an MCP server usually means:

  • Finding config file manually
  • Editing JSON
  • Debugging errors blindly
  • Restarting the app repeatedly

One mistake → everything breaks ❌


✅ The Solution

npx connect-mcp

👉 Answer two questions → Done. Your MCP server is connected.


🚀 Quick Start

Claude Desktop

npx connect-mcp --url http://localhost:8000/mcp claude

Restart Claude Desktop → Your tools are live ✅

VS Code (GitHub Copilot / Agent mode)

npx connect-mcp --url http://localhost:8000/mcp vscode

Reload VS Code → Open GitHub Copilot Chat → Agent mode → 🔌 icon → Server is live ✅

Codex Plugin

npx connect-mcp --url http://localhost:8000/mcp codex

Creates the Codex plugin and registers it in the local Codex marketplace.


🔌 Supported Platforms

| Platform | Status | |----------------------------|--------| | Claude Desktop | ✅ | | Claude CoWork / Code | ✅ | | Codex Plugin | ✅ NEW | | VS Code (GitHub Copilot) | ✅ NEW | | VS Code Insiders | ✅ NEW | | Cursor | 🚧 Coming soon |


🔌 3 Ways to Connect MCP

1️⃣ CLI (Recommended)

Claude Desktop:

npx connect-mcp --url <MCP_URL> claude

VS Code:

npx connect-mcp --url <MCP_URL> vscode

VS Code Insiders:

npx connect-mcp --url <MCP_URL> --insiders vscode

Claude CoWork / Code:

npx connect-mcp --url <MCP_URL> cowork

Codex Plugin:

npx connect-mcp --url <MCP_URL> codex

2️⃣ Direct URL (Auto Claude Mode)

npx connect-mcp --url <MCP_URL>

👉 Automatically connects to Claude Desktop.


3️⃣ Interactive Mode

npx connect-mcp

👉 Prompts you for:

  • MCP server URL
  • Platform (Claude Desktop / CoWork / Codex / VS Code / VS Code Insiders)

⚠️ IMPORTANT (Very Critical)

✅ Always use: /mcp

❌ Never use: /mcp/sse

👉 /sse is an internal endpoint — will FAIL


🧠 How VS Code MCP Config Works

VS Code reads MCP servers from:

| OS | Path | |---------|----------------------------------------------| | Windows | %APPDATA%\Code\User\mcp.json | | macOS | ~/Library/Application Support/Code/User/mcp.json | | Linux | ~/.config/Code/User/mcp.json |

VS Code Insiders: Replace Code with Code - Insiders in the paths above.

The connect-mcp vscode command writes this config automatically:

{
  "servers": {
    "localhost": {
      "type": "http",
      "url": "http://localhost:8000/mcp"
    }
  }
}

After connecting:

  1. Reload VS Code: Ctrl+Shift+PDeveloper: Reload Window
  2. Open GitHub Copilot Chat (Ctrl+Alt+I)
  3. Switch to Agent mode → Click the 🔌 plugin icon
  4. Your MCP tools will appear there ✅

🧠 How Claude Desktop MCP Config Works

Claude expects config like:

{
  "mcpServers": {
    "localhost": {
      "command": "npx",
      "args": ["mcp-remote", "http://localhost:8000/mcp"]
    }
  }
}

| OS | Path | |---------|---------------------------------------------------------------------| | Windows | %APPDATA%\Claude\claude_desktop_config.json | | macOS | ~/Library/Application Support/Claude/claude_desktop_config.json |


⚙️ Requirements

  • Node.js >= 16
  • For Claude Desktop: Claude Desktop installed
  • For VS Code: VS Code with GitHub Copilot extension and chat.mcp.enabled set to true

🧪 Example Usage

# Connect a local dev server to VS Code
npx connect-mcp --url http://localhost:8000/mcp vscode

# Connect a production server to Claude Desktop
npx connect-mcp --url https://your-domain.com/mcp claude

# Interactive — let it guide you
npx connect-mcp

🔥 Supported Transport

| Type | Supported | |---------------|--------------| | HTTP (SSE) | ✅ | | Local Command | ❌ (coming soon) |


❓ FAQ

Do I need to restart VS Code after connecting? Yes — run Ctrl+Shift+PDeveloper: Reload Window, or close and reopen VS Code.

Do I need to restart Claude Desktop? Yes — required.

Will this overwrite my config? No — it only adds/updates the specific server entry. All other existing entries are preserved.

Does this support ngrok? ⚠️ Not reliable (SSE issues). Use instead:

  • localhost (best for local dev)
  • Cloudflare Tunnel (recommended for production)

Can I use my own MCP server? Yes — that's the main use case.

What VS Code version supports MCP? VS Code 1.99+ with GitHub Copilot extension.


🚀 Roadmap

  • [x] Claude Desktop support
  • [x] Claude CoWork / Code support
  • [x] VS Code (GitHub Copilot) support
  • [ ] Cursor support
  • [ ] MCP validation (ping server before writing config)
  • [ ] Tool discovery preview
  • [ ] Cloud deployment helpers

🤝 Contributing

PRs welcome.


📜 License

MIT © theprathameshpund