local-only server

The server can only run on the client’s local machine because it depends on local resources.

클로드 디버그스 포 유

일명 Vibe 디버깅

Claude(또는 다른 LLM)가 대화형으로 코드를 디버깅할 수 있도록 설정하세요.

이는 클로드가 대화형으로 표현식을 디버깅하고 평가할 수 있게 해주는 MCP 서버 및 VS Code 확장 프로그램입니다.

즉, 다른 모델/클라이언트 등에서도 작동해야 하지만, 여기서는 Claude Desktop과 Continue로만 설명하겠습니다.

VSCode에서 디버깅을 위해 디버거 콘솔 지원과 유효한 launch.json이 있다고 가정하고 언어에 구애받지 않습니다.

시작하기

릴리스 또는 VS Code Marketplace 에서 확장 프로그램을 다운로드하세요.
확장 프로그램을 설치하세요

.vsix 직접 사용하는 경우 VS Code의 "확장 프로그램"에 있는 세 개의 점으로 가서 "VSIX에서 설치..."를 선택하세요.

"Claude Debugs For You"라는 새 상태 메뉴 항목이 표시되며, 이를 통해 제대로 실행되고 있는지(확인) 또는 시작에 실패했는지(x) 확인할 수 있습니다.

사용 가능한 명령에 대해 이 상태 메뉴를 클릭할 수 있습니다.

설정에 따라 아래 옵션 중 하나를 따르세요.

vs code 명령어에서 "MCP 디버그 서버 stdio 경로를 클립보드에 복사"를 검색하여 stdio 서버 경로를 클립보드에 복사합니다.
claude_desktop_config.json 에 다음을 붙여넣거나(복사한 경로는 업데이트하세요!) 다른 MCP 서버를 사용하는 경우 적절히 편집하세요.

지엑스피1

Claude 데스크톱(또는 다른 MCP 클라이언트)을 시작합니다.
1. 참고: 이미 실행 중이었다면 다시 시작해야 할 수도 있습니다.
2. Continue/Cursor 또는 VS Code에 내장된 다른 기능을 사용하는 경우 이 단계를 건너뛸 수 있습니다.
"MCP 디버그 서버 sse 주소를 클립보드에 복사" 명령을 사용하여 MCP 서버 sse 주소를 검색합니다.
1. " http://localhost:4711/sse "의 서버 URL을 적어 넣거나, 설정에서 설정한 포트를 적어 넣으면 됩니다.
클라이언트에 따라 필요한 곳에 추가하세요
1. 클라이언트에 따라 "새로 고침"을 눌러야 할 수도 있습니다. 이것은 Cursor에서 필요합니다.
MCP 클라이언트 시작
1. 참고: 이미 실행 중이었다면 다시 시작해야 할 수도 있습니다.
2. Continue/Cursor 또는 VS Code에 내장된 다른 기능을 사용하는 경우 이 단계를 건너뛸 수 있습니다.

디버깅을 시작할 준비가 되었습니다!

VS 코드 디버깅 문서

${file} 사용하여 특정 파일을 디버깅하도록 첫 번째 구성을 설정한 .vscode/launch.json 이 포함된 프로젝트를 엽니다.

아래의 예제 실행을 참조하거나 데모 비디오를 시청하세요.

기여하다

버그를 발견하셨거나 개선 아이디어가 있으신가요? 풀 리퀘스트를 개설하시거나 이슈를 기록해 주세요.

이 리드미가 별로인가요? 개선할 수 있도록 도와주세요!

데모

계속 사용

문제를 파악한 다음 수정 사항을 제안합니다. 수정 사항을 적용하려면 클릭하기만 하면 됩니다.

https://github.com/user-attachments/assets/3a0a879d-2db7-4a3f-ab43-796c22a0f1ef

문서를 읽어보세요!

구성:

{
  ...
  "experimental": {
    "modelContextProtocolServers": [
      {
        "transport": {
          "type": "stdio",
          "command": "node",
          "args": [
            "/Users/jason/Library/Application Support/Code/User/globalStorage/jasonmcghee.claude-debugs-for-you/mcp-debug.js"
          ]
        }
      }
    ]
  }
}

또한 도구를 사용할 수 있는 모델을 선택해야 합니다.

도구 목록이 나타나면 도구 목록에서 "디버그"를 클릭하고 "자동"으로 설정하세요.

문제 해결

계속 진행 중 MCP 오류가 표시되면 계속 플러그인을 비활성화하거나 다시 활성화해 보세요.

도움이 되셨으면 좋겠네요. 제 구성은 이렇습니다! Claude Desktop과 거의 똑같습니다.

Claude Desktop 사용

이 예에서 저는 의도적으로 매우 신중하게 만들었습니다(가정 등은 하지 마세요 - 아래와 같은 프롬프트). 하지만 여러분은 무엇이든 하라고 요청할 수 있습니다.

https://github.com/user-attachments/assets/ef6085f7-11a2-4eea-bb60-b5a54873b5d5

개발 중

VS Code로 이 저장소를 복제/열기
npm run install 및 npm run compile 실행합니다.
"실행"을 누르면 새 VSCode가 열립니다.
그렇지 않으면 "시작하기"와 동일합니다.
다시 빌드하려면 npm run compile

패키지

vsce package

예제 실행

VS Code 창에서 examples/python 열기

프롬프트를 입력하세요:

i am building `longest_substring_with_k_distinct` and for some reason it's not working quite right. can you debug it step by step using breakpoints and evaluating expressions to figure out where it goes wrong? make sure to use the debug tool to get access and debug! don't make any guesses as to the problem up front. DEBUG!

언급할 가치가 있는 다른 것들

여러 개의 VS 코드 창을 열면 팝업이 나타납니다. 창 간에 "Claude Debugs For You"를 원활하게 넘길 수 있습니다.

자동 시작을 비활성화할 수도 있습니다. 그런 다음 상태 메뉴를 클릭하고 "서버 시작"을 선택하세요.

아이디어의 짧은 목록

[ ] 파일을 나열하고 파일 내용을 가져오는 대신, ripgrep을 사용하여 요청한 내용을 찾아야 합니다.
[x] 조건부 중단점에 대한 지원 추가
[ ] MCP가 CodeLens 또는 "자동 수정" 제안을 삽입할 수 있도록 "수정" 도구를 추가하여 사용자가 권장된 변경 사항을 적용할지 여부를 선택할 수 있도록 합니다.
여러분의 아이디어입니다!

This server cannot be installed

-

security - not tested

A

license - permissive license

-

quality - not tested

Claude(또는 다른 LLM)를 활성화하여 대화형으로 코드를 디버깅합니다(중단점을 설정하고 스택 프레임에서 표현식을 평가).