AI Frontier4 months ago

Obscura 브라우저 출시: AI 에이전트 웹 서핑 토큰 80% 줄이는 네이티브 MCP 사용법

Obscura 브라우저로 AI 에이전트 웹 서핑 토큰 80% 아끼는 방법

AI 에이전트에게 웹 브라우징을 시켰다가 엄청난 토큰 비용 고지서를 받고 놀란 적 없으신가요? 복잡한 HTML 코드를 에이전트가 통째로 읽다 보니 컨텍스트 창은 금방 가득 차고 비용도 눈더미처럼 불어나게 됩니다. 최근 등장한 초경량 헤드리스 브라우저 옵스큐라(Obscura)를 활용해 에이전트의 웹 서핑 토큰을 무려 80%나 줄이는 실전 방법을 바로 소개해 드립니다.

크롬보다 7배 가벼운 Rust 기반 브라우저, Obscura

우리가 매일 쓰는 크롬 브라우저는 사람이 쓰기엔 훌륭하지만, AI 에이전트가 웹 서핑을 하기에는 너무 무겁고 느립니다. 불필요한 기능이 많아 컴퓨터 자원을 잔뜩 잡아먹기 때문이죠.

옵스큐라(Obscura)는 오직 AI 에이전트만을 위해 설계된 Rust 기반의 초경량 헤드리스 브라우저입니다. 화면에 창을 띄우지 않고 백그라운드에서 작동해 속도가 정말 빠릅니다. 브라우저가 켜지는 데 걸리는 시간은 50밀리초 미만이며, 메모리는 고작 30MB 정도만 사용합니다. 일반 크롬 브라우저를 실행할 때보다 무려 7배 넘게 가벼운 셈이죠.

가볍지만 성능은 강력합니다. 내부에 V8 엔진을 탑재하고 있어, 자바스크립트로 동적으로 굴러가는 복잡한 현대 웹사이트도 아주 매끄럽게 열어줍니다.

무엇보다 가장 큰 장점은 모델 컨텍스트 프로토콜(MCP) 서버를 브라우저에 기본으로 내장하고 있다는 점입니다. 에이전트를 제어하기 위한 복잡한 연동 코드를 따로 짜지 않아도, AI 에이전트와 브라우저를 다이렉트로 연결해 웹 페이지 검색이나 클릭 같은 작업을 곧바로 맡길 수 있습니다.

토큰 80%를 아끼는 핵심 비결, LP.getMarkdown

웹 서핑을 하는 AI 에이전트에게 일반적인 HTML 소스코드를 그대로 읽게 하는 것은 무척 비효율적입니다. 맛있는 피자를 주문하려는데 메뉴판 대신 피자집의 인테리어 도면과 주방 위생 수칙까지 적힌 두꺼운 서류 뭉치를 건네받는 것과 비슷하기 때문이죠. 에이전트는 그저 메뉴 이름과 가격 정보만 알고 싶을 뿐입니다.

이 심각한 비효율을 해결하는 Obscura의 핵심 무기가 바로 LP.getMarkdown 기능입니다. 이 기술은 초경량 브라우저 엔진인 라이트판다(Lightpanda)에서 유래했는데요. 브라우저 내부에서 자바스크립트를 실행하고 화면 렌더링을 끝낸 최종 상태의 DOM을 지저분한 HTML 태그 없이 깔끔한 마크다운 문서로 직접 변환해 줍니다.

이 네이티브 변환 덕분에 AI 에이전트가 읽어야 할 토큰 양이 최대 80%까지 줄어듭니다. 핵심은 단순히 API 비용만 아끼는 것이 아닙니다. 웹 페이지의 복잡한 코드나 불필요한 디자인 요소 같은 무의미한 잡음이 사라지기 때문에, 에이전트가 엉뚱한 정보에 한눈팔지 않고 정확한 답을 찾아내는 추론 정확도까지 극적으로 높아집니다. 핵심만 간결하게 요약된 보고서를 읽을 때 우리도 더 올바른 결정을 내릴 수 있는 것과 같은 원리입니다.

내 컴퓨터의 Claude 에이전트에 Obscura 연결하기

이제 이 강력한 도구를 내 컴퓨터에 있는 Claude에 직접 연결해 볼 차례입니다. 설정법은 생각보다 훨씬 간단하며, Claude Desktop 앱이나 터미널 도구인 Claude Code 모두에 아주 손쉽게 연동할 수 있습니다.

먼저 Claude Desktop 앱에 연동하려면 설정 파일인 claude_desktop_config.json을 열고 아래와 같이 Obscura 실행 경로와 인자값을 적어주면 됩니다.

json

{
  "mcpServers": {
    "obscura": {
      "command": "/path/to/obscura",
      "args": [
        "mcp"
      ]
    }
  }
}

만약 터미널에서 구동하는 개발 도구인 Claude Code를 사용하고 있다면 복잡하게 설정 파일을 열 필요도 없습니다. 터미널 창에 claude mcp add obscura /path/to/obscura mcp 명령어 한 줄만 입력하면 알아서 연동 작업이 마무리됩니다.

연동이 완료되는 순간, Claude는 웹페이지를 여는 browser_navigate부터 클릭을 담당하는 browser_click, 텍스트 입력을 처리하는 browser_fill 등 웹 탐색에 필요한 12가지 필수 도구를 자동으로 인식하여 사용하기 시작합니다. 만약 추가적인 커스텀 설정이 필요하다면 npm 패키지로 제공되는 Metadrama 어댑터를 사용해 브라우저 기능을 제어하는 방법도 있으니 참고해 보세요.

가벼운 에이전트 브라우징이 가져올 미래

옵스큐라처럼 효율적인 전용 브라우저와 MCP의 결합은 단순히 토큰을 아끼는 것을 넘어, '백그라운드에서 항상 나를 위해 일하는 자율 비서'를 현실로 만들어 줍니다. 컴퓨터 자원 소모와 API 비용 부담이 획기적으로 줄어들면서, 이제 개인용 컴퓨터에서도 24시간 내내 작동하는 에이전트를 부담 없이 켜둘 수 있게 되었죠.

앞으로 AI의 가벼운 눈과 발이 되어줄 다양한 경량 도구들이 계속 등장할 것으로 보입니다. 우선 오늘 소개해 드린 옵스큐라를 여러분의 Claude에 가볍게 연결해 보고, 비용 걱정 없는 스마트한 웹 서핑부터 직접 경험해 보세요!