WebMCP 초안 노트 — 웹사이트가 AI에게 사용법을 등록합니다 | DAKER 커뮤니티

한 줄 요약 웹사이트는 이제 사람에게만 친절하면 부족합니다. WebMCP는 페이지가 도구 이름·설명·입력 스키마를 등록해, 에이전트가 스크린샷·DOM 추측 없이 바로 쓰게 만드는 초안 표준입니다. 바이브코딩·에이전트 빌더가 웹을 「도구」로 노출할 때 읽을 노트입니다.

원 영상은 채널 개발동생의 「WebMCP | 웹사이트는 이제 AI에게 사용법을 알려주게 됩니다.」(약 12분)입니다. 공개 본문에는 외부 영상 링크를 넣지 않으며, 아래는 실전 포인트만 한 번에 읽히게 정리합니다.

왜 지금 WebMCP인가

기존 웹은 버튼·폼·화면을 사람이 조작하는 구조였습니다. 지금은 브라우저 에이전트가 DOM·접근성·스크린샷으로 같은 일을 할 수 있지만, 토큰을 많이 쓰고 속도가 느립니다. WebMCP는 페이지가 「이 사이트는 이렇게 쓰십시오」를 미리 알려 주는 쪽에 가깝습니다.

구글·마이크로소프트 엔지니어가 2025년 8월 제안한 표준 후보입니다.
아직 확정 웹 표준은 아니지만, 에이전트 친화 웹 방향은 이미 분명합니다.
SEO(검색 발견) → AEO(답변 인용) 다음 단계로, 에이전트가 실제 작업을 끝내는 인터페이스를 말합니다.

서버 MCP와 무엇이 다른가

일반 MCP는 에이전트가 서버 쪽 기능을 호출하고 결과를 받는 형태입니다. WebMCP는 중간 서버가 없습니다. 페이지를 열면 그 안에 도구가 이미 정의되어 있고, 호출 시 기존 웹 로직·같은 화면 갱신을 그대로 씁니다.

에이전트는 DOM/스크린샷으로 「사용법」을 추측할 필요가 줄어듭니다.
도구 이름·설명·입력 스키마가 페이지 스펙의 일부가 됩니다.

데모에서 보이는 것

영상 데모는 가상 항공권 예약 페이지입니다. Inspector에서 WebMCP 도구가 잡히고, 한 번의 프롬프트로 검색·필터까지 빠르게 이어집니다. 등록 예시는 항공편 목록·필터 리셋·검색·필터 설정처럼 페이지 액션을 도구로 올린 형태입니다.

조건을 더 붙여도(날짜·가격·직항 등) 같은 도구 조합으로 처리합니다.
내장 데모 에이전트는 Gemini 계열로 소개되며, 테스트용이지 프로덕션 보안 경계가 아닙니다.

제품에 이미 붙는 사례

ChatGPT 데스크톱의 브라우저·사이트 도구가 WebMCP로 등록된 검색 도구를 잡는 예시가 나옵니다. 개발동생 블로그처럼 사이트에 검색 도구·입력 스키마를 올려 두면, 에이전트가 구조 파악·클릭 왕복 없이 글을 더 빠르게 찾을 수 있습니다.

적용 방식 두 가지

선언형 — 기존 HTML 폼에 도구 이름·설명을 선언해, 브라우저가 JSON 형태로 인식하게 합니다.
명령형 — JavaScript의 registerTool 등으로 JSON 스키마를 직접 등록하고, 기존 함수·기능에 연결합니다. 일반적인 MCP 도구 등록과 감각이 비슷합니다.

Chrome에서 실험할 때는 WebMCP for testing 플래그와 Inspector 확장이 함께 언급됩니다. 플래그를 켜야 도구가 잡히는 경우가 있으니, 로컬 검증 체크리스트에 넣으십시오.

바이브코딩·에이전트 빌더가 오늘 할 일

우리 사이트에서 에이전트가 반복해서 헤매는 액션 3개를 적습니다(검색·필터·제출 등).
그중 하나를 도구 이름·설명·입력 스키마 초안으로 적습니다.
선언형 또는 명령형 중 하나로 최소 등록을 시도하고, Inspector로 도구 목록이 보이는지 확인합니다.
보안·권한은 별도 설계입니다. 데모 에이전트를 프로덕션 경계로 쓰지 마십시오.

정리

WebMCP는 「에이전트가 화면을 읽는 웹」에서 「페이지가 도구를 내미는 웹」으로 옮기는 초안입니다. 아직 채택·표준화는 초기이지만, 해커톤·바이브코딩에서 웹을 에이전트 도구로 설계할 때 방향 잡기 좋은 노트입니다.

참고 영상: WebMCP | 웹사이트는 이제 AI에게 사용법을 알려주게 됩니다. · 채널 개발동생

인포그래픽은 설명용 생성 이미지입니다. 본문은 영상 해설 요약이며 특정 도구 구매·투자 권유가 아닙니다.