WebMCP — AI 에이전트로 휠 제어하기
WebMCP를 사용하면 이 사이트가 브라우저에서 실행되는 AI 에이전트에게 동작을 맡길 수 있습니다. 어디를 클릭할지 추측하는 대신, 에이전트가 휠의 도구를 직접 호출할 수 있습니다 — 항목 설정, 돌리기, 당첨자 읽기.
WebMCP란?
WebMCP(Web Model Context Protocol)는 웹사이트가 구조화되어 호출 가능한 도구를 AI 에이전트에 선언할 수 있게 하는 브라우저 API입니다 — document.modelContext(이전의 navigator.modelContext). 에이전트는 도구의 이름, 설명, 매개변수를 읽은 다음, 스크린샷을 찍어 올바른 픽셀을 클릭하려고 하는 대신 함수처럼 호출합니다.
이는 W3C Web Machine Learning Community Group의 초기 초안입니다. 2026년 기준 Microsoft Edge에 기본 탑재되어 있으며 Chrome에서는 오리진 트라이얼 중입니다. 다른 브라우저에서는 지원이 추가될 때까지 통합이 휴면 상태로 유지됩니다.
Spin and Wheel에서의 작동 방식
이 사이트의 모든 휠 — 이름 추첨기, 예/아니요, 숫자, 글자, Twister 휠, 그리고 이름 팩 페이지 — 은 브라우저가 WebMCP를 지원할 때 작은 도구 집합을 등록합니다. 이 도구들은 화면에 보이는 바로 그 휠을 제어합니다: 항목을 설정하면 캔버스가 업데이트되고, 돌리면 일반 추첨과 똑같이 당첨자 모달이 열립니다.
일반 방문자에게는 아무것도 달라지지 않습니다. WebMCP를 지원하는 에이전트가 없으면 등록은 아무 영향이 없는 작업이 되고 페이지는 다른 페이지와 똑같이 동작합니다.
사용 가능한 도구
각 휠은 다음 네 가지 도구를 노출합니다:
| 도구 | 기능 | 입력 |
|---|---|---|
get_entries |
휠에 있는 현재 항목 목록을 반환합니다. | 없음 |
set_entries |
모든 항목을 새 목록으로 교체합니다 — 각 문자열이 휠의 한 구획이 됩니다. | entries: string[] |
spin_wheel |
휠을 돌리고 무작위로 선택된 당첨자를 반환합니다. 돌리기 전에 새 항목을 설정할 수도 있습니다. | entries?: string[] |
get_winner |
가장 최근 당첨자를 반환합니다. | 없음 |
사용 방법
1. WebMCP를 지원하는 브라우저 사용
Microsoft Edge 147 이상 또는 Chrome 149 이상에서 아무 휠이나 엽니다. Chrome에서는 chrome://flags/#enable-webmcp-testing에서 플래그를 활성화해야 할 수 있습니다. 이 페이지 상단의 배지가 현재 브라우저가 준비되었는지 알려줍니다.
2. 휠을 열고 에이전트를 준비
휠 페이지를 방문해 브라우저 내 AI 에이전트(브라우저 내장 어시스턴트나 에이전트 확장 프로그램)를 사용하세요. 휠의 도구를 자동으로 찾아냅니다 — 설정, 계정, API 키가 필요 없습니다.
3. 일상 언어로 요청
원하는 것을 에이전트에게 말하세요. 알맞은 도구를 고르고 매개변수를 채우면 휠이 화면에서 반응합니다 — 항목이 업데이트되고, 휠이 돌고, 당첨자를 알려줍니다.
프롬프트 예시
- “피자, 스시, 타코를 휠에 넣고 돌려줘.”
- “지금 휠에 어떤 항목이 있어?”
- “휠을 돌려서 누가 이겼는지 알려줘.”
개인정보 보호
WebMCP 도구는 전적으로 브라우저 안에서 실행됩니다. 열려 있는 페이지의 휠만 읽고 변경합니다 — 어떤 서버로도 데이터가 전송되지 않으며, 통합으로 추가 추적이 더해지지 않습니다. 이 휠에는 백엔드가 없습니다.
휠에서 사용해 보기
이름 휠을 열고 에이전트가 돌려보게 하세요.
휠 열기