OpenAI, Anthropic, Microsoft가 AI 채팅 내 앱 실행을 위한 동일한 표준을 지지합니다.

OpenAI, Anthropic, 그리고 Microsoft 모두 AI 채팅 내부에서 앱을 구동하기 위한 동일한 표준을 지지하고 있습니다.

Booking.com, Figma, Canva 등이 이미 이를 사용하고 있습니다.

하지만 대부분의 개발자들은 이 표준에 대해 들어본 적이 없습니다.

그것은 MCP Apps라고 불립니다.

그렇다면 왜 이것이 중요할까요?

다음번에 누군가 귀하의 웹사이트에서 물건을 구매한다고 해도, 그들이 실제로 방문하지 않을 수 있습니다. 대신 ChatGPT나 Claude에게 질문하고, 모델이 귀하의 제품이 어떻게 표시될지 결정합니다. 보통은 단순 텍스트 형태로, 때로는 잘못된 정보와 함께, 그리고 귀하가 구축한 경험(experience) 중 어느 것도 없이 나타납니다.

이것이 사람들이 귀하를 찾는 방식의 다음 변화입니다:

• SEO는 구글이 귀하의 페이지를 찾게 하는 것이었습니다.
• AEO는 AI가 귀하를 인용하게 하는 것이었습니다.
• MCP Apps는 채팅 내부에서 실제 제품 자체가 나타나도록 하는 것입니다.

MCP 서버(server)는 데이터를 반환합니다. 하지만 MCP 앱은 호텔 카드나 장바구니 추가 흐름(add-to-cart flow)과 같은 대화형 UI와 함께 데이터를 반환하며, 심지어 모델은 사용자가 무엇을 클릭했는지까지 알 수 있습니다.

이번 에피소드에서는 Skybridge의 리드 메인테이너인 Julien과 함께 MCP 앱을 처음부터 끝까지 구축해 봅니다. Skybridge는 모든 React 앱을 MCP 앱으로 변환할 수 있게 해주는 오픈 소스 프레임워크입니다.

챕터:

0:00 - 인트로
2:44 - MCP 서버 vs MCP 앱
5:12 - 라이브 데모: ChatGPT에서 Booking.com 사용하기
9:24 - MCP 앱 작동 방식: 컨텍스트와 공유 상태(shared state)
15:43 - Skybridge 및 개발 도구(devtools)
17:48 - 라이브 데모: ChatGPT에서 전자상거래 앱 사용하기
24:49 - 코드 워크스루: React 뷰를 위한 MCP 도구들
28:10 - UI 상태 동기화: