DOM 필터링 레이어 도입을 통한 AI 토큰 소모 5-10배 절감

Context

Playwright MCP의 기본 동작 방식인 전체 DOM 트리 전송으로 인한 과도한 Token 소모 발생. 특히 내비게이션 바나 푸터 등 작업과 무관한 Noise 데이터가 Context Window를 점유하여 비용 증가 및 추론 효율 저하 초래.

Technical Solution

• Playwright MCP와 AI 모델 사이에 Optimizer 레이어를 배치한 Proxy 아키텍처 설계
• button, input, a 태그 위주의 Interactive elements 우선 추출을 통한 데이터 다이어트
• navigation, main, form 등 Semantic grouping 적용으로 모델의 공간적 맥락 파악 능력 유지
• 현재 수행 Task에 기반하여 무관한 사이드바 및 광고 배너를 제거하는 Task-aware skipping 로직 구현
• 정밀한 QA 검증이 필요한 케이스와 효율적 자동화가 필요한 케이스를 분리한 하이브리드 도구 운용 전략 채택