Claude와 ChatGPT의 일반 웹 채팅 UI에서도 커스텀 Model Context Protocol(MCP) 서버를 연결할 수 있다. 다만 로컬 JSON 설정 파일에 서버를 추가하는 Claude Desktop 방식보다 단계가 많고, 두 제품 모두 원격에서 접근 가능한 MCP 서버와 인증 설정을 요구한다.
핵심 전제
로컬 개발용 MCP 서버는 코딩 에이전트에서는 편하지만 웹 제품에서는 곧바로 보이지 않는다. Claude와 ChatGPT 웹 UI에서 쓰려면 다음을 준비해야 한다.
- HTTPS로 접근 가능한 remote MCP server
- 사용자별 인증 또는 OAuth 흐름
- 제품별 connector/custom integration 등록
- 도구가 과도한 권한을 갖지 않도록 좁은 스코프 설계
제품별 차이
| 항목 | Claude | ChatGPT |
|---|---|---|
| 연결 개념 | custom connector / integration | connector / custom MCP server |
| 로컬 서버 직접 연결 | 웹 UI에서는 제한적 | 웹 UI에서는 제한적 |
| 권장 형태 | remote MCP + OAuth | remote MCP + OAuth |
| 실무 난점 | 등록 위치와 권한 모델 이해 | 커스텀 서버 등록 흐름과 인증 처리 |
Simon Willison의 TIL은 “가능하지만 명확하지 않다”는 점을 보여준다. 따라서 실험용 서버라도 처음부터 remote-first로 만들고, 도구 수를 작게 유지하며, 연결 후 실제 도구 호출 로그를 확인하는 방식이 좋다.
설계 팁
- API 엔드포인트를 그대로 많이 노출하지 말고 의도 단위 도구로 묶는다.
- 읽기 도구와 쓰기 도구를 분리하고, 쓰기에는 확인 단계를 둔다.
- 토큰을 서버 로그에 남기지 않는다.
- 사용자별 권한을 MCP 서버 내부에서도 다시 검증한다.
- Claude Desktop, Claude Code, ChatGPT 웹 UI가 같은 서버를 공유할 수 있게 transport와 인증을 분리한다.
관련 문서
- mcp — 에이전트와 외부 시스템을 연결하는 표준 프로토콜
- mcp-tutorial-claude-desktop-code — Claude Desktop과 Claude Code에 MCP 서버 연결하기
- secure-mcp-tunnel — 로컬·프라이빗 MCP 서버를 OpenAI 제품에 연결하는 터널
참고 자료
- TIL: Adding a custom MCP server to Claude and ChatGPT — Simon Willison (2026-07-29)