기존 Retrieval-Augmented Generation(RAG) 방식은 DOM 요소를 소스 코드에 매핑하는 데 한계가 있어, 복잡한 웹 애플리케이션에서 접근성 문제의 근본 원인 파악이 어려웠습니다. Tidewave는 Trace-Augmented Generation(TAG) 기술로 이 문제를 해결합니다. Tidewave는 다양한 웹 프레임워크 통합을 통해 DOM 요소를 소스 코드 위치에 정확히 매핑하고 렌더링 추적 정보를 제공하여, 에이전트가 검색 없이 즉시 문제를 진단하고 수정하도록 돕습니다. 또한 브라우저 API를 활용, 정적으로 파악하기 어려운 요소 속성까지 동적으로 확인하여 문제 해결에 기여합니다.

벤치마크 결과

Tidewave는 Claude Code 및 Cursor를 대상으로 Ruby on Rails, Phoenix, Next.js 등 세 가지 오픈소스 웹 애플리케이션에서 벤치마크를 수행했으며, 모든 시나리오에서 Tidewave + Claude Code 조합이 기존 도구 대비 월등한 성능을 입증했습니다.

• Ruby on Rails (Campfire): Tidewave는 완벽한 정확도로 다른 도구보다 빠르고 효율적으로 문제를 해결했으며, 불필요한 HTML 포함은 비효율성을 초래했습니다.

• Phoenix (Livebook): Tidewave는 Claude Code 대비 두 배 이상 높은 정확도를 보였고, Cursor와 유사한 정확도를 더 빠르게 달성했습니다.

• Next.js (Shadcn): Tidewave는 브라우저 도구로 미해결 문제를 추가 발견 및 해결하여 다른 도구보다 높은 정확도를 기록했습니다.