공작-MCP

hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Integrations

Retrieves documentation and information from the Peacock extension's GitHub repository
Allows interaction with GitHub Copilot, enabling the use of Peacock extension information and documentation within Copilot chat conversations

VS Code용 Peacock 확장 프로그램을 위한 MCP 서버를 통해, 한 번에 한 코드 편집기씩 세상을 색칠할 수 있습니다. 이 프로젝트의 주요 목표는 MCP 서버를 사용하여 API와 상호 작용하는 방법을 보여주는 것입니다.

참고 : 이 MCP 서버에서 사용하는 모든 데이터는 공식 Peacock 문서 에서 가져왔습니다.

🔧 특징

Peacock 문서 가져오기 : Peacock에 대한 자세한 정보를 얻으세요.

🧰 도구

1. `fetch_peacock_docs` 🔍🦸‍♂️

설명 : GitHub 저장소에서 VS Code용 Peacock 확장 문서를 가져와서 해당 문서를 기반으로 질문에 답합니다.
입력 :
- prompt (쿼리): Peacock에 대한 질문입니다.
반환 : 귀하의 답변입니다!

🛠️ 설정

VS Code용 Peacock을 여기에서 설치하세요 .

VS Code Insiders를 사용하여 GitHub Copilot에 호스팅된 MCP 서버 실행

참고 : Claude Desktop에서 MCP 서버를 이미 활성화한 경우 VS Code 설정에 chat.mcp.discovery.enabled: true 추가하면 기존 MCP 서버 목록을 검색합니다.

MCP 서버를 특정 리포지토리와 연결하려면 다음 내용이 포함된 .vscode/mcp.json 파일을 만드세요.

지엑스피1

MCP 서버를 모든 저장소와 연결하려면 VS Code 사용자 설정 JSON에 다음을 추가하세요.

"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,

VS 코드 수동 설치

참고 : 빠른 설치를 위해 이 README 상단의 설치 버튼을 클릭하세요.

VS 코드 설정 사용

VS Code에서 Peacock MCP 서버를 수동으로 설치하려면 다음 단계를 따르세요.

Cmd+Shift+P (macOS) 또는 Ctrl+Shift+P (Windows/Linux)를 누르고 "환경 설정: 사용자 설정 열기(JSON)"를 검색하여 VS Code 설정(JSON)을 엽니다.
설정 파일에 다음 JSON을 추가합니다.

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

CLI 명령 사용

VS Code Stable의 경우:

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

VS Code Insider를 위한:

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

Smithery를 통해 설치

Smithery를 통해 Claude Desktop에 Peacock MCP Server를 자동으로 설치하려면:

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

MCP Inspector를 사용하여 로컬에서 MCP 서버 실행

서버를 테스트하기 위해 MCP Inspector를 로컬로 실행하려면 다음 단계를 따르세요.

이 저장소를 복제하세요:
git clone https://github.com/johnpapa/peacock-mcp
필요한 종속성을 설치하고 프로젝트를 빌드합니다.
npm install npm run build
(선택 사항) MCP Inspector를 사용하여 서버를 시험해 보려면 다음 명령을 실행하세요.
# Start the MCP Inspector npx @modelcontextprotocol/inspector node build/index.js
브라우저 콘솔에 표시된 MCP Inspector URL로 이동합니다. Arguments``dist/index.js 로 변경하고 Connect 선택합니다. List Tools 선택하면 사용 가능한 도구가 표시됩니다.

GitHub Copilot의 도구 사용

이제 mcp 서버를 검색할 수 있으므로 GitHub Copilot을 열고 Agent 모드( Chat 이나 Edits 아님)를 선택합니다.
Copilot 채팅 텍스트 필드에서 "새로 고침" 버튼을 선택하여 서버 목록을 새로 고칩니다.
이 저장소의 도구를 포함하여 가능한 모든 도구를 보려면 "🛠️" 버튼을 선택하세요.
예를 들어, 다음과 같이 도구 중 하나를 자연스럽게 불러올 질문을 채팅에 입력하세요.
How do I set my VS Code accent colors?
참고 : "죄송합니다. Responsible AI Service에서 응답을 필터링했습니다. 프롬프트를 수정하고 다시 시도해 주세요."라는 메시지가 표시되면, 다시 실행하거나 프롬프트를 수정해 보세요.

You must be authenticated.

A

security – no known vulnerabilities

A

license - permissive license

A

quality - confirmed to work

Tools

fetch-peacock-docs

VS Code용 Peacock 확장 프로그램( https://peacockcode.dev )을 위한 MCP 서버를 사용하면 한 번에 한 코드 에디터씩 세상을 색칠할 수 있습니다. 이 프로젝트의 주요 목표는 MCP 서버를 사용하여 API와 상호 작용하는 방법을 보여주는 것입니다.

Related Resources

Reddit Discussion about this server