당신의 AI 에이전트가 이제 실제 브라우저를 볼 수 있습니다 (그리고 이 게시물은 그것으로 작성되었습니다)

Source: Dev.to

Overview

Real Browser MCP는 MCP 서버와 Chrome 확장 프로그램을 결합한 것으로, AI 에이전트가 실제 브라우저를 제어할 수 있게 해줍니다. 이미 열어 둔 탭, 쿠키, 로그인 정보를 그대로 사용합니다—헤드리스 브라우저가 없고, “버튼이 작동했는지?” 같은 빠른 확인을 위해 인증을 다시 재생할 필요도 없습니다.

전통적인 Playwright MCP와 Chrome DevTools MCP는 새 프로필로 새 브라우저를 실행합니다. 이는 격리된 엔드‑투‑엔드 테스트에는 좋지만, 이미 열어 둔 페이지와 에이전트가 상호작용하도록 하려면 번거롭습니다. Real Browser MCP는 사용 중인 Chrome 인스턴스 안에 확장 프로그램을 실행하고, 로컬 WebSocket을 통해 MCP 서버와 통신함으로써 이 문제를 해결합니다.

How It Works

• MCP server: 로컬에서 실행되며 한 줄 명령으로 시작할 수 있습니다.
• Chrome extension: 현재 사용 중인 Chrome 브라우저에 설치되며 MCP 서버에 연결됩니다.
• 에이전트는 다음을 수행할 수 있습니다:
  • 페이지 스냅샷 찍기
  • 클릭, 입력, 스크롤
  • 스크린샷 캡처

모든 작업이 이미 사용 중인 동일한 브라우저 세션에서 이루어집니다.

Installation

MCP Server

npx -y real-browser-mcp

Chrome Extension

Chrome 웹 스토어에서 확장 프로그램을 설치합니다:

Real Browser MCP – Chrome Web Store

설치 후 확장 프로그램 팝업에 초록색 점이 표시되면 연결이 성공한 것입니다.

Usage Example

1. 위 명령으로 MCP 서버를 시작합니다.
2. Chrome 확장 프로그램에 초록색 점(연결됨)이 표시되는지 확인합니다.
3. 이제 AI 에이전트가 열려 있는 페이지를 보고 상호작용할 수 있습니다.

예시: 작성자는 Real Browser MCP를 사용해 이 글을 작성했습니다. 에이전트가 초안을 불러오고 dev.to/new 로 이동해 양식을 채운 뒤, 같은 로그인된 브라우저에서 바로 글을 게시했습니다.

Open Source

Real Browser MCP는 MIT 라이선스 하에 오픈 소스로 제공됩니다.

• GitHub repository:
• Chrome Web Store: