참고문서) https://code.claude.com/docs/ko/mcp

MCP

클로드같은 AI 모델이 다른 프로그램들과 소통할 수 있게 해주는 다리 역할을 하는 기술

• 예) Webstorm에 열려있는 프로젝트를 Claude에서 읽어서 분석해줘.

추천 MCP

1. Context7 (링크)

프롬프트 예시)

Next.js로 개발을 진행할거야. 최신 웹 개발 기술스택을 추천해줘.
use context7 <-- 꼭 붙이기!! 

2. playwright

웹 브라우저 자동화 도구.

• 테스트 자동화
• 웹사이트에서 하는 데이터 수집(크롤링)
• 자동으로 화면캡처 등 프로그램으로 브라우저를 제어할 때 등

프롬프트 예시)

당신은 playwright 전문가입니다.
Playwright MCP를 활용하여 현재 웹 애플리케이션에서 발생하는 오류를 수집하고 분석해서 해결해주세요.
단계별로 진행해주세요.
1. 오류 정보 수집
2. 오류 원인 분석
3. 오류 해결
4. 테스트
그리고 오류가 해결되지 않는다면 오류가 해결될 때까지 첫번째 작업부터 반복해주세요.

에러정보 제공:
- [알고있는 오류 내용~~]

MCP 관련 명령어 항상 허용하기

[setting.local.json]

{
  "permissions": {
    "allow": [
      "Bash",
      "Bash(curl -s http://localhost:3000)",
      "mcp__playwright", <-- 이렇게
      "mcp__context7" <-- mcp__[mcp이름] 으로 허용하면 된다!
    ]
  },
  "enableAllProjectMcpServers": true,
  "enabledMcpjsonServers": [
    "context7"
  ],
  "outputStyle": "Explanatory"
}