"출근룩 추천해줘." 이 한 문장이 커머스 UX의 패러다임을 바꾸고 있다. 무신사가 카카오톡 안에서 자연어 기반 패션 추천을 시작했고, 에이블리는 하루 4억 건의 행동 데이터로 교차 카테고리 추천을 고도화하고 있다. 지그재그의 이미지 검색 서비스 '직잭렌즈'는 전년 대비 상품 찜 수가 100% 증가했다. 숫자가 방향을 가리킨다. 검색 중심 커머스는 끝났고, 대화형·개인화 커머스가 시작됐다.
그런데 여기서 프로덕트 사고로 한 발 물러서야 한다. '대화형 AI 쇼핑'이라는 표현 안에 두 가지 전혀 다른 UX 문제가 섞여 있다. 하나는 탐색 경험의 재설계다. 사용자가 TPO(시간·장소·상황), 날씨, 브랜드 취향을 자연어로 말하면 AI가 맥락을 읽어 추천한다. 기존 필터 UI가 해결 못한 '막연한 욕구'를 언어로 풀어주는 방식이다. 또 하나는 구매 여정 단축이다. 별도 앱 실행 없이 카카오톡 대화창 안에서 상품 탐색이 끝난다. 진입 장벽 자체를 제거한다. 이 둘은 설계 방향이 다르고, 성공 지표도 다르다.
무신사가 자체 개발한 '무신사 MCP(Model Context Protocol)'는 이 두 문제를 동시에 풀려는 시도다. MCP는 AI 모델이 외부 데이터 소스나 도구를 표준화된 방식으로 호출할 수 있게 해주는 프로토콜이다. 쉽게 말하면 AI가 "무신사 상품 DB에서 지금 가져와"라고 직접 요청하는 통로를 만든 것이다. 프론트엔드 관점에서 보면 이건 단순한 API 연동이 아니다. AI가 컨텍스트를 가지고 도구를 호출하는 에이전틱 구조가 사용자 접점에 붙은 것이다. 사용자가 말을 걸면 에이전트가 상품 DB를 조회하고, 그 결과를 자연어와 상품 카드로 조합해서 돌려준다. UI는 이 흐름을 방해하지 않아야 한다.
이 구조가 왜 중요한지는 dev.to의 분석 「The Internet Is for Agents」가 날카롭게 짚는다. 2024년 기준 인터넷 트래픽의 51% 이상이 이미 봇이다. 기술 문서 트래픽의 경우 2024년 12월 AI 에이전트 비중이 15%였지만 2025년 12월엔 절반에 육박했다. 이 글의 저자는 2026년 말이면 에이전트가 문서 소비의 90%를 차지할 것이라고 전망한다. 커머스도 다르지 않다. 사용자가 직접 검색하는 것이 아니라, 에이전트가 사용자를 대신해 상품을 탐색하고 필터링하고 비교하는 구조가 가시화되고 있다. 무신사 MCP는 그 접점을 선점하는 인프라 투자다.
그렇다면 프론트엔드 개발자는 이 흐름에서 어떤 설계 판단을 내려야 하는가. 세 가지 질문이 핵심이다.
첫째, 대화 UI는 언제 상품 UI로 전환되어야 하는가. 자연어 입력 → AI 응답 → 상품 카드 노출의 흐름에서, 상품 카드가 너무 빨리 튀어나오면 대화가 끊긴다. 너무 늦으면 인터랙션이 답답해진다. 이 전환 타이밍은 로딩 스피너 문제가 아니라 상태 설계 문제다. AI가 도구를 호출하는 중간 상태, 결과를 조합하는 상태, 응답을 스트리밍하는 상태를 각각 어떻게 표현할지 미리 설계해야 한다.
둘째, 에이전트의 실패를 어떻게 보여줄 것인가. 검색은 결과 없음이 명확하다. 대화형 AI는 애매하게 틀린다. "2월 시드니 날씨에 맞는 코디"를 물었을 때 엉뚱한 계절의 옷이 나오면, 사용자는 AI가 틀렸는지 본인 표현이 부족했는지 모른다. 오류 상태의 UX가 신뢰를 만들거나 무너뜨린다.
셋째, 대화 맥락은 어디까지 유지되어야 하는가. 직잭렌즈처럼 이미지 검색으로 찾은 상품과, 이전 대화에서 표현한 취향 선호가 연결되어야 진짜 개인화다. 이 맥락 연결은 서버 상태 관리와 클라이언트 상태 관리의 경계를 다시 긋는 문제다.
에이블리의 접근은 조금 다른 각도를 보여준다. '클릭하지 않은 행동'까지 데이터로 쌓는다는 전략은, 사용자가 말하지 않아도 취향을 읽겠다는 것이다. 이건 대화형 UI보다 더 조용한 개인화다. 사용자가 아무것도 입력하지 않아도 홈 피드가 이미 대화하고 있는 상태. 이 두 방향—명시적 대화와 암묵적 개인화—은 경쟁 관계가 아니라 레이어 관계다. 암묵적 개인화가 기반을 깔고, 명시적 대화가 그 위에서 맥락을 정교하게 만든다. 프론트엔드가 이 두 레이어를 UI에서 어떻게 통합할지가 실제 설계 과제다.
지금 이 흐름의 의미는 단순히 '채팅 UI를 붙이는 것'이 아니다. 사용자 여정의 시작점이 검색창에서 대화창으로, 앱에서 메신저로, 능동적 탐색에서 에이전트 위임으로 이동하고 있다. 무신사가 카카오톡을 선택한 것은 UI 트렌드가 아니라 사용자가 이미 있는 곳으로 서비스가 들어가는 것이다. 이 패턴은 커머스를 넘어 금융, 헬스케어, 콘텐츠 추천 전반으로 확산될 것이다. 에이전트가 사용자 접점에 붙는 속도가 빨라질수록, 그 접점을 설계하는 프론트엔드의 판단 비중도 함께 커진다. 지금이 그 설계 언어를 만들 시기다.