developer-tools

VS Code Button Generator

burkeholland

by burkeholland

VS Code Button Generator creates install buttons and badges for MCP servers, enabling one-click setup with automated URL

Generates VS Code install buttons and markdown badges for MCP servers and GitHub Copilot extensions, providing one-click installation experiences through automated redirect URL creation with support for NPX-based servers, environment variables, and chat instructions.

github stars

2

0 commentsdiscussion

Both formats append explainx.ai attribution and the canonical URL for this MCP server listing.

No API key neededSupports environment variables and custom configs

best for

  • / MCP server developers adding install buttons to documentation
  • / GitHub Copilot extension creators
  • / Automating VS Code extension distribution

capabilities

  • / Generate VS Code install buttons for NPX-based MCP servers
  • / Create install badges from MCP configuration objects
  • / Generate Copilot extension buttons from GitHub files
  • / Create install buttons from raw URLs for chat instructions

what it does

Generates VS Code install buttons and markdown badges for MCP servers and GitHub Copilot extensions. Creates one-click installation experiences with automated redirect URLs.

about

VS Code Button Generator is a community-built MCP server published by burkeholland that provides AI assistants with tools and capabilities via the Model Context Protocol. VS Code Button Generator creates install buttons and badges for MCP servers, enabling one-click setup with automated URL It is categorized under developer tools. This server exposes 4 tools that AI clients can invoke during conversations and coding sessions.

how to install

You can install VS Code Button Generator in your AI client of choice. Use the install panel on this page to get one-click setup for Cursor, Claude Desktop, VS Code, and other MCP-compatible clients. This server runs locally on your machine via the stdio transport.

license

MIT

VS Code Button Generator is released under the MIT license. This is a permissive open-source license, meaning you can freely use, modify, and distribute the software.

readme

mcp-vsc-button-gen

A tiny MCP server that generates VS Code MCP install buttons (Stable + Insiders) for NPX-based servers.

  • Runtime: Node (stdio transport)
  • Command: npx mcp-vsc-button-gen

You can run it directly via NPX (no install):

npx mcp-vsc-button-gen

Install in VS Code

Install with NPX in VS Code Install with NPX in VS Code Insiders

Tools

  • make_install_buttons
    • Input: { name: string, inputs?: MCPInput[], config?: CommandConfig }
    • Output: Markdown string with two badges/links.
  • from_mcp_config
    • Input: { name: string, mcp: { inputs?: MCPInput[], config?: CommandConfig } }
    • Output: Markdown string with two badges/links.
  • copilot_buttons_from_raw
    • Input: { kind: 'chat-instructions' | 'chat-prompt' | 'chat-mode', url: string }
    • Output: Markdown with two badges linking to vscode.dev/insiders redirect for Install
  • copilot_buttons_from_github
    • Input: { kind: 'chat-instructions' | 'chat-prompt' | 'chat-mode', owner: string, repo: string, path: string, branch?: string }
    • Output: Markdown with two badges as above

Types:

  • MCPInput: { type: 'promptString', id: string, description?: string, password?: boolean }
  • CommandConfig: { command: 'npx', args?: string[], env?: Record<string,string> }

Example

Input:

{
  "name": "supabase",
  "inputs": [
    { "type": "promptString", "id": "supabase-access-token", "description": "Supabase personal access token", "password": true }
  ],
  "config": {
    "command": "npx",
    "args": ["-y", "@supabase/mcp-server-supabase@latest", "--readonly", "--project-ref=$SUPABASE_MCP_PROJECT_REF"],
    "env": {
      "SUPABASE_ACCESS_TOKEN": "${input:supabase-access-token}",
      "SUPABASE_MCP_PROJECT_REF": "${input:supabase-project-ref}"
    }
  }
}

Output: two markdown buttons for Stable and Insiders.

Local dev

  • Install deps
  • Build
  • Run via stdio (for manual testing)

Quickstart

npm i
npm run build
node dist/index.js

You can also run in dev:

npm run dev

This server speaks MCP stdio; integrate with an MCP client to call tools.

FAQ

What is the VS Code Button Generator MCP server?
VS Code Button Generator is a Model Context Protocol (MCP) server profile on explainx.ai. MCP lets AI hosts (e.g. Claude Desktop, Cursor) call tools and resources through a standard interface; this page summarizes categories, install hints, and community ratings.
How do MCP servers relate to agent skills?
Skills are reusable instruction packages (often SKILL.md); MCP servers expose live capabilities. Teams frequently combine both—skills for workflows, MCP for APIs and data. See explainx.ai/skills and explainx.ai/mcp-servers for parallel directories.
How are reviews shown for VS Code Button Generator?
This profile displays 64 aggregated ratings (sample rows for discoverability plus signed-in user reviews). Average score is about 4.7 out of 5—verify behavior in your own environment before production use.

Use Cases

Extended AI Capabilities

Add new capabilities to Claude beyond text generation

Example

Access external data sources, execute code, interact with tools and services

Transform Claude from chatbot to action-taking agent

Context Enhancement

Provide Claude with access to relevant context and data

Example

Load project documentation, access knowledge bases, query databases

Get more accurate, context-aware responses

Workflow Automation

Automate multi-step workflows combining AI and external tools

Example

Research → Summarize → Create document → Send notification

Complete complex tasks end-to-end without manual steps

Implementation Guide

Prerequisites

  • Claude Desktop 0.7.0+ or Cursor IDE with MCP support
  • Basic understanding of MCP architecture and capabilities
  • Access credentials for integrated services (if required)
  • Willingness to experiment and iterate on configuration

Time Estimate

15-60 minutes depending on server complexity

Installation Steps

  1. 1.Install MCP server: npm install -g [package-name] or via GitHub
  2. 2.Add server configuration to ~/.claude/mcp.json
  3. 3.Provide required credentials and configuration
  4. 4.Restart Claude Desktop to load new server
  5. 5.Test basic functionality with simple prompts
  6. 6.Explore capabilities and experiment with use cases
  7. 7.Document successful patterns for reuse

Troubleshooting

  • MCP server not loading: Check config syntax, verify installation
  • Connection errors: Check network, firewall, credentials
  • Feature not working: Read server docs, check required parameters
  • Performance issues: Monitor resource usage, check for network latency
  • Conflicts with other servers: Check port assignments, namespace collisions

Best Practices

✓ Do

  • +Read server documentation thoroughly before setup
  • +Start with simple use cases to validate functionality
  • +Test in non-production environment first
  • +Monitor resource usage and performance
  • +Keep servers updated for bug fixes and new features
  • +Document configuration for team members
  • +Use environment variables for sensitive configuration

✗ Don't

  • Don't grant overly permissive access to MCP servers
  • Don't skip reading security considerations in docs
  • Don't expose sensitive data without proper controls
  • Don't run untrusted MCP servers without code review
  • Don't ignore error messages—investigate root cause

💡 Pro Tips

  • Combine multiple MCP servers for powerful workflows
  • Create custom MCP servers for your specific needs
  • Share successful configurations with team
  • Use MCP inspector for debugging
  • Join MCP community for tips and troubleshooting

Technical Details

Architecture

Model Context Protocol standardizes how AI hosts (Claude, Cursor) communicate with external tools and data sources through server implementations.

Protocols

  • Model Context Protocol (MCP)
  • JSON-RPC 2.0
  • stdio or HTTP transport

Compatibility

  • Claude Desktop
  • Cursor IDE
  • Custom MCP clients

When to Use This

✓ Use When

Use when you need Claude to access external data, execute actions, or integrate with tools. Best for extending AI capabilities beyond conversation.

✗ Avoid When

Avoid when native integrations exist (use official APIs directly), for real-time critical systems, or when security/compliance requires zero external dependencies.

Integration

  • Tool composition: Chain multiple MCP tools in workflows
  • Context augmentation: Provide AI with relevant external data
  • Action delegation: Let AI execute tasks on external systems
  • Bidirectional sync: Keep AI context and external systems in sync

Discussion

Product Hunt–style comments (not star reviews)
  • No comments yet — start the thread.

List & Promote Your MCP Server

Share your MCP server with the developer community

GET_STARTED →
MCP server reviews

Ratings

4.764 reviews
  • Yuki Liu· Dec 28, 2024

    VS Code Button Generator has been reliable for tool-calling workflows; the MCP profile page is a good permalink for internal docs.

  • Ishan Jain· Dec 24, 2024

    According to our notes, VS Code Button Generator benefits from clear Model Context Protocol framing — fewer ambiguous “AI plugin” claims.

  • Chaitanya Patil· Dec 20, 2024

    VS Code Button Generator reduced integration guesswork — categories and install configs on the listing matched the upstream repo.

  • Pratham Ware· Dec 16, 2024

    We evaluated VS Code Button Generator against two servers with overlapping tools; this profile had the clearer scope statement.

  • Isabella Okafor· Dec 12, 2024

    According to our notes, VS Code Button Generator benefits from clear Model Context Protocol framing — fewer ambiguous “AI plugin” claims.

  • Diego Srinivasan· Dec 8, 2024

    We wired VS Code Button Generator into a staging workspace; the listing’s GitHub and npm pointers saved time versus hunting across READMEs.

  • Yusuf Khanna· Nov 27, 2024

    According to our notes, VS Code Button Generator benefits from clear Model Context Protocol framing — fewer ambiguous “AI plugin” claims.

  • Yuki Malhotra· Nov 19, 2024

    VS Code Button Generator is a well-scoped MCP server in the explainx.ai directory — install snippets and categories matched our Claude Code setup.

  • Kabir Ghosh· Nov 15, 2024

    We wired VS Code Button Generator into a staging workspace; the listing’s GitHub and npm pointers saved time versus hunting across READMEs.

  • Piyush G· Nov 11, 2024

    I recommend VS Code Button Generator for teams standardizing on MCP; the explainx.ai page compares cleanly with sibling servers.

showing 1-10 of 64

1 / 7