UCP와 WebMCP 조합을 통한 Agent-operable 커머스 아키텍처 구현

Context

Shopify의 UCP 도입으로 표준화된 커머스 기능의 Agent 접근성은 확보되었으나, 서비스별 특화된 비즈니스 로직(Configurator, Quiz 등)은 여전히 DOM 기반 추측에 의존하는 한계 존재. 표준 프로토콜만으로는 개별 스토어의 고유한 인터랙티브 플로우를 AI Agent가 실행할 수 없는 구조적 공백 발생.

Technical Solution

• UCP(Universal Commerce Protocol)를 통한 검색, 장바구니, 결제 등 공통 커머스 프리미티브의 표준 인터페이스 계층 분리
• WebMCP(navigator.modelContext API)를 도입하여 스토어별 맞춤형 기능을 Typed Tool 형태로 선언하는 확장 레이어 구축
• UI가 호출하는 기존 비즈니스 로직 함수(예: sizeEngine)를 그대로 래핑하여 로직 중복 및 데이터 드리프트 방지
• Feature Detection(if "modelContext" in navigator) 적용으로 API 미지원 브라우저에서의 런타임 에러 차단 및 점진적 배포 구현
• 단순 Catalog 노출을 넘어 인터랙티브 워크플로우를 도구화하여 Agent-operable한 전체 사용자 경험 설계