peacock-mcp

Características • Herramientas • Configuración • Configuración de un host MCP

Servidor MCP para la extensión Peacock de VS Code : colorea tu mundo, un editor de código a la vez. El objetivo principal del proyecto es mostrar cómo se puede usar un servidor MCP para interactuar con las API.

Nota : Todos los datos utilizados por este servidor MCP se obtienen de la documentación oficial de Peacock .

🔧 Características

• Obtener documentos de Peacock : obtenga información detallada sobre Peacock.

Related MCP server: mcp-server-code-runner

🧰 Herramientas

1. fetch_peacock_docs 🔍🦸‍♂️

• Descripción : Obtiene los documentos de la extensión Peacock para VS Code de su repositorio de GitHub y responde preguntas basadas en la documentación.

• Aporte :

  • prompt (consulta): La pregunta sobre Peacock.

• Devoluciones :¡Tu respuesta!

🛠️ Configuración

Instale Peacock para VS Code AQUÍ .

Ejecución del servidor MCP alojado en GitHub Copilot con VS Code Insiders

Nota : Si ya tiene el servidor MCP habilitado con Claude Desktop, agregue chat.mcp.discovery.enabled: true en la configuración de VS Code y descubrirá las listas de servidores MCP existentes.

Si desea asociar el servidor MCP con un repositorio específico, cree un archivo .vscode/mcp.json con este contenido:

{
  "inputs": [],
  "servers": {
    "peacock-mcp": {
      "command": "npx",
      // "command": "node",
      "args": [
        "-y",
        "@johnpapa/peacock-mcp"
        // "_git/peacock-mcp/dist/index.js"
      ],
      "env": {}
    }
  }
}

Si desea asociar el servidor MCP con todos los repositorios, agregue lo siguiente a su JSON de configuración de usuario de VS Code:

"mcp": {
  "servers": {
    "peacock-mcp": {
      "command": "npx",
      // "command": "node",
      "args": [
        "-y",
        "@johnpapa/peacock-mcp"
        // "/Users/papa/_git/peacock-mcp/dist/index.js"
        // "_git/peacock-mcp/dist/index.js"
      ],
      "env": {}
    }
  }
}
"chat.mcp.discovery.enabled": true,

Instalación manual de VS Code

Nota : Para una instalación rápida, haga clic en los botones de instalación en la parte superior de este README.

Uso de la configuración de VS Code

Para instalar manualmente el servidor Peacock MCP en VS Code, siga estos pasos:

1. Abra la configuración de VS Code (JSON) presionando Cmd+Shift+P (macOS) o Ctrl+Shift+P (Windows/Linux) y buscando "Preferencias: Abrir configuración de usuario (JSON)".

2. Agregue el siguiente JSON a su archivo de configuración:

{
  "mcp": {
    "servers": {
      "peacock-mcp": {
        "command": "npx",
        "args": ["-y", "@johnpapa/peacock-mcp"],
        "env": {}
      }
    }
  },
  "chat.mcp.discovery.enabled": true
}

Uso de comandos CLI

Para VS Code Stable:

code --add-mcp '{"name":"peacock-mcp","command":"npx","args":["-y","@johnpapa/peacock-mcp"],"env":{}}'

Para miembros de VS Code Insiders:

code-insiders --add-mcp '{"name":"peacock-mcp","command":"npx","args":["-y","@johnpapa/peacock-mcp"],"env":{}}'

Instalación mediante herrería

Para instalar Peacock MCP Server para Claude Desktop automáticamente a través de Smithery :

npx -y @smithery/cli install @johnpapa/peacock-mcp --client claude

Ejecute el servidor MCP localmente con MCP Inspector

Si desea ejecutar MCP Inspector localmente para probar el servidor, siga estos pasos:

1. Clonar este repositorio:

   git clone https://github.com/johnpapa/peacock-mcp

2. Instale las dependencias necesarias y compile el proyecto.

   npm install
   npm run build

3. (Opcional) Para probar el servidor usando MCP Inspector, ejecute el siguiente comando:

   # Start the MCP Inspector
   npx @modelcontextprotocol/inspector node build/index.js

   Visita la URL del Inspector MCP que se muestra en la consola de tu navegador. Cambia Arguments a dist/index.js y selecciona Connect . Selecciona List Tools para ver las herramientas disponibles.

Uso de herramientas en GitHub Copilot

1. Ahora que el servidor mcp es detectable, abra GitHub Copilot y seleccione el modo Agent (no Chat ni Edits ).

2. Seleccione el botón "actualizar" en el campo de texto del chat de Copilot para actualizar la lista de servidores.

3. Seleccione el botón "🛠️" para ver todas las herramientas posibles, incluidas las de este repositorio.

4. Coloque una pregunta en el chat que invoque naturalmente una de las herramientas, por ejemplo:

   How do I set my VS Code accent colors?

   Nota : Si ve "Lo sentimos, la respuesta fue filtrada por el Servicio de IA responsable. Reformule su mensaje e inténtelo de nuevo.", intente ejecutarlo nuevamente o reformule el mensaje.