Is this the future of the web? – MCP UI
- MCP UI의 핵심 목표는 웹사이트가 텍스트 대신 풍부한 UI 컴포넌트를 AI 챗 앱에 직접 반환하여 사용자 경험을 혁신하는 것입니다. 🚀
- 기존 AI 챗봇의 텍스트 기반 쇼핑 경험(정보는 정확하나 사용성이 떨어짐)을 개선하여, 시각적이고 상호작용적인 UI를 제공합니다. 🛍️
- Anthropic의 MCP SDK 위에 애드온 형태로 작동하며,
create UI resource 함수를 통해 UI 컴포넌트를 생성합니다. 🛠️
- UI 컴포넌트 유형으로는 웹사이트의 특정 부분을 샌드박스화된
iframe으로 임베드하는 external URL이 가장 간단하며 권장됩니다. 🌐
- 또한, 매우 간단한 UI를 위한
raw HTML과 Shopify에서 개발한 복잡한 기술인 remote DOM도 존재합니다. 📝
window.parent.postMessage와 같은 표준 웹 기술을 활용하여 UI 컴포넌트가 클라이언트(예: AI 챗 앱)와 상호작용하고 메시지를 주고받을 수 있습니다. 💬
- 기업들이 AI 챗 앱 내에서도 자신들의 고유한 브랜드 디자인과 사용자 경험을 유지할 수 있게 하여, 단순 텍스트로 인한 브랜드 손실을 방지합니다. ✨
- 복잡하고 매력적인 사용자 경험을 설계하는 UX 디자이너들의 전문성이 여전히 중요하게 유지됩니다. 🎨
- 콘서트 좌석 선택기나 챗 앱 내 게임과 같은 더욱 복잡하고 상호작용적인 기능을 구현할 수 있는 잠재력을 가집니다. 🎮
- OpenAI와 같은 주요 플랫폼이 이를 채택할지, 그리고 새로운 '앱 스토어' 모델을 통해 수익을 창출하려 할지에 대한 의문이 제기됩니다. 🤔