구글 메시지(SMS/RCS)를 Claude Code와 연결하는 MCP 브리지 개발 및 Angular 이슈 해결 요청

커뮤니티 반응

작성자의 시도에 대해 긍정적인 반응이 있으며, 특히 Angular 앱의 DOM 자동화 문제에 대한 기술적 조언이 논의되고 있다.

주요 논점

01중립다수

확장 프로그램을 통한 로컬 브리지는 보안과 효율성 측면에서 우수하지만, 프레임워크 호환성 문제가 해결되어야 한다.

합의점 vs 논쟁점

합의점

기존 Docker 기반 libgm 프로토콜은 세션 유지력이 낮아 실무 적용이 어렵다.
MCP 도구 정의가 차지하는 토큰 양을 줄이는 것이 비용 및 성능 최적화의 핵심이다.

논쟁점

Angular의 프로덕션 빌드에서 NgZone 인스턴스에 접근하여 변경 감지를 강제로 트리거하는 구체적인 방법론에 대해 의견이 갈린다.

실용적 조언

MCP 도구 설계 시 필수적인 기능만 포함하여 시스템 프롬프트의 토큰 소모를 최소화해야 한다.
Angular 앱 자동화 시 일반적인 DOM 조작이 실패한다면 chrome.debugger API를 통한 신뢰할 수 있는(trusted) 입력 이벤트 주입을 검토해야 한다.

섹션별 상세

기존 솔루션인 OpenMessage와 TextBee의 한계를 극복하고자 했다. Docker 기반의 OpenMessage는 세션 만료가 잦고 도구 정의에 너무 많은 토큰(1,500개)을 소모하며, 클라우드 기반의 TextBee는 개인정보 보안 및 RCS 미지원 문제가 있었다.

Chrome 확장 프로그램이 Google Messages Web 세션에 주입되어 Node.js MCP 서버와 WebSocket으로 통신하는 새로운 아키텍처를 설계했다. 이 방식은 별도의 서버나 클라우드 없이 로컬 브라우저 세션을 활용하며, MCP 도구를 3개로 최적화하여 토큰 오버헤드를 300개 수준으로 줄였다.

Google Messages Web이 Angular 프레임워크로 구축되어 있어 확장 프로그램의 자동화 코드가 정상 작동하지 않는 기술적 병목이 발생했다. 확장 프로그램이 textarea에 텍스트를 입력하고 전송 버튼을 클릭해도 Angular의 zone.js가 값의 변화를 감지하지 못해 폼이 비어있는 것으로 처리된다.

Manifest V3의 world: 'MAIN' 설정을 통해 페이지의 JS 컨텍스트에서 직접 스크립트를 실행하고 dispatchEvent로 입력 이벤트를 발생시켰으나 실패했다. 현재는 메시지 초안만 작성하고 사용자가 수동으로 전송 버튼을 눌러야 하는 'Draft' 도구 단계에 머물러 있으며, Angular 내부의 NgZone에 접근하는 방안을 모색 중이다.

javascript

// Set value
const setter = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, 'value').set;
setter.call(textarea, 'my text');

// Dispatch input event (should trigger DefaultValueAccessor)
textarea.dispatchEvent(new Event('input', { bubbles: true }));

// Wait, then click send button
await sleep(500);
visibleSendButton.click();

Angular 앱의 textarea에 값을 강제로 설정하고 이벤트를 발생시켜 전송 버튼 클릭을 시도하는 코드

용어 해설

모델 컨텍스트 프로토콜(MCP): — AI 모델이 외부 데이터 소스나 도구와 표준화된 방식으로 통신할 수 있도록 Anthropic이 제안한 개방형 프로토콜이다. 이를 통해 AI 에이전트가 로컬 파일, 데이터베이스, 웹 서비스 등에 직접 접근하여 작업을 수행할 수 있다.
클로드 코드(Claude Code): — Anthropic에서 개발한 터미널 기반의 에이전틱 코딩 도구이다. 사용자의 명령에 따라 코드를 직접 작성, 실행, 테스트하며 복잡한 개발 워크플로우를 자동화하는 기능을 제공한다.
존 제이에스(zone.js): — Angular 프레임워크에서 비동기 작업을 추적하고 변경 감지(Change Detection)를 트리거하기 위해 사용하는 라이브러리이다. 외부 스크립트가 DOM을 조작할 때 이 메커니즘을 통하지 않으면 앱의 상태가 업데이트되지 않는 문제가 발생할 수 있다.
콘텐츠 스크립트(Content Script): — 브라우저 확장 프로그램의 구성 요소로, 웹 페이지의 DOM에 직접 접근하여 내용을 읽거나 수정할 수 있는 자바스크립트 파일이다. 보안을 위해 기본적으로 페이지의 원래 자바스크립트 환경과 격리된 'Isolated World'에서 실행된다.

언급된 도구

Claude Code추천

에이전틱 코딩 및 자동화 수행

MCP추천

모델과 외부 도구 간의 통신 프로토콜

Google Messages Web중립

SMS/RCS 메시지 관리를 위한 웹 인터페이스

언급된 리소스

GitHubgoogle-messages-mcp GitHub Repository