브라우저 콘솔·에러를 Claude가 실시간으로 보기 (Browser MCP)

Middle class 약 15분MCP 연동

💡 웹 개발 중 에러가 나면 F12 열어 복붙할 필요 없이 Claude가 브라우저 콘솔을 직접 읽어요. 스크린샷도 자동으로 공유됩니다.

🔒 claude.ai

실제 화면

STEP 1 / 4…

STEP 1. Chrome 브라우저 확인

Extensions — Visual Studio Code

Claude

Claude Code

Anthropic

★★★★★4.9

Claude Code by Anthropic

✓ 코드 편집기 안에서 대화

✓ 파일 직접 읽기·수정

✓ @-멘션으로 파일 참조

✓ MCP 서버 연동 가능

Browser Tools MCP는 Chrome 기반 브라우저에서 동작합니다. Chrome이 없다면 chrome.google.com에서 설치하세요. VS Code + Claude Code 확장이 설치된 환경에서 사용하는 게 가장 편리합니다.

💡

Claude Code VS Code 확장은 '@browser' 명령으로 브라우저를 바로 연동할 수 있어요. 별도 MCP 서버 없이도 됩니다.

이 단계를 완료했나요?