당신 사이트의 "예약하기" 버튼. AI 에이전트는 그걸 사람처럼 눈으로 찾아 클릭해야 했어요. 화면을 스크린샷 찍고, 좌표를 추측하고, 가끔 엉뚱한 버튼을 누르고. 느리고, 불안정하고, 깨지기 쉬웠죠.
그런데 2026년 4월 14일 나온 Chrome 146이 이 그림을 통째로 바꿨어요. 이제 당신 사이트가 에이전트에게 직접 말할 수 있어요 — "버튼 찾지 마. 그냥 bookFlight({origin, destination, date}) 호출해." 이게 WebMCP예요. 그리고 같은 업데이트에 일반 사용자용 Skills까지 같이 들어왔고요.
둘 다 같은 한 문장으로 요약돼요: 웹이 '사람이 보는 화면'에서 'AI가 호출하는 함수'로 바뀌는 중이다. 이 글은 그 변화에서 당신이 오늘 당장 손에 쥘 수 있는 것만 추렸어요 — 일반 사용자용 셋업 1개, 개발자용 코드 1개.
왜 'AI 브라우저'가 아니라 Chrome인가
2023년 ChatGPT 충격 이후, 다들 Perplexity·Comet·Atlas·Dia 같은 전용 AI 브라우저가 다음 시대를 열 거라 봤어요. 새 브라우저를 깔고, 거기로 갈아타는 미래요.
Google의 답은 정반대였어요. 새 브라우저로 갈아탈 이유를 아예 없애버린다. 이미 30억 명이 쓰는 Chrome에 AI를 조용히 박아넣는 거죠. AI Overviews가 검색 결과 안에서 매월 수십억 뷰를 만들어내는 것과 똑같은 전략이에요. 한 줄로 정리하면 이렇습니다.
| 비교축 | 전용 AI 브라우저 (Comet·Atlas·Dia) | Chrome 146 + Skills + WebMCP |
|---|---|---|
| 설치 마찰 | 새 브라우저 다운로드·데이터 이전 | 이미 깔린 Chrome이 자동 업데이트 |
| 도달 사용자 | 얼리어답터 수백만 명 | Chrome 30억+ 사용자 풀 |
| 워크플로우 재학습 | 탭·확장·단축키 다시 익힘 | 기존 Chrome 그대로 |
| Skill 표준 | 각자 고유 형식 | Anthropic·OpenAI와 사실상 호환 패턴 |
| 웹사이트 측 통합 | 스크래핑·UI 자동화 의존 | WebMCP로 함수 직접 호출 |
'Skills'라는 단어가 같은 4월에 Anthropic Claude, OpenAI ChatGPT, Google Gemini에서 동시에 풀린 것도 우연이 아니에요. "AI Skills"가 하나의 카테고리 이름이 됐고, Chrome이 그걸 OS 레이어로 끌어내렸어요. 마우스 우클릭처럼 누구나 쓰는 표준이 될 길이 열린 거죠.
1. 일반 사용자: 반복 프롬프트를 'Skill'로 굳히기
Skills의 정체는 간단해요. 자주 쓰는 AI 지시사항을 저장해두고, 슬래시(/)나 + 한 번으로 다시 부르는 것. "이 레시피 단백질 매크로 계산해줘", "이 두 노트북 스펙 비교해줘" 같은 프롬프트를 매번 다시 타이핑할 필요가 없어요.
지금 5분 안에 셋업하는 순서예요.
- Chrome 146.0.7672.0 이상으로 업데이트
일반 사용자는 Skills가 자동으로 켜져요. (모바일은 아직, desktop만.) - Gemini in Chrome 사이드패널 → Skills 탭
기본 제공 라이브러리에 ready-to-use Skills가 들어 있어요. 먼저 1~2개 눌러서 감을 잡으세요. - 내 워크플로우 1개를 Skill로 저장
매주 반복하는 일(이메일 정리·영수증 분류·기사 요약) 중 하나를 프롬프트로 만들어 채팅 히스토리에 Skill로 저장. - 슬래시(/)나 +로 호출
주소창 또는 사이드패널에서 단축키를 누르면 저장된 Skill 리스트가 뜨고, 지금 보고 있는 페이지 콘텐츠가 자동으로 컨텍스트에 들어가요. - action형 Skill은 실행 전 확인
뭔가를 실제로 '실행'하는 Skill은 트리거 전에 사용자 확인을 받아요. Gemini in Chrome의 안전장치가 그대로 적용됩니다.
핵심 감각은 이거예요. 프롬프트를 매번 쓰는 게 아니라, 한 번 잘 쓴 걸 '버튼'으로 만든다. 반복 작업일수록 효과가 커져요.
2. 개발자: 당신 사이트를 에이전트가 호출하게 만들기
여기가 진짜 큰 변화예요. WebMCP는 웹사이트가 자기 사이트의 action을 AI 에이전트에 직접 노출하는 표준이에요. 에이전트가 화면을 보고 버튼을 찾는 대신, 당신이 정의한 함수를 그냥 호출하는 거죠.
Search Engine Land는 이걸 "SEO의 다음 진화 — AEO를 넘어 agentic optimization"이라고 불러요. 의미를 풀면:
- B2B — 견적 요청·재고 확인·물류 비교가 여러 벤더에 동일 요청을 동시에 쏘는 단일 함수 호출로 압축돼요.
- B2C — 호텔·항공·식당 예약을 Expedia 같은 중개자 없이 사이트가 직접 통합할 수 있어요.
실험은 지금 바로 가능해요. 순서는 이렇습니다.
- 플래그 활성화
주소창에chrome://flags/#enable-webmcp-testing입력 → 켜고 재시작. (일반 사용자는 이 플래그 없이는 WebMCP가 동작 안 해요.) - Model Context Tool Inspector 익스텐션 설치
등록된 tool이 에이전트에 제대로 노출되는지 확인하는 디버깅 도구예요. navigator.modelContext로 tool 등록
프론트엔드 JS 한 곳에서 에이전트가 부를 수 있는 함수를 선언해요. 형태는 이런 식이에요(개념 예시):
navigator.modelContext.registerTool({ name: "bookFlight", description: "항공편 예약", inputSchema: { origin, destination, date }, async execute(args) { /* 실제 예약 로직 */ } })
항공편 예약을 예로 들면 — 기존엔 AI가 화면에서 "Book a Flight" 버튼을 찾아야 했지만, 이제 bookFlight({origin, destination, date})를 직접 호출해요. 정확한 등록 문법과 imperative·declarative API 차이, 그리고 한 파일에서 tool을 붙이는 실전 코드는 아래 '더 파보기'의 bug0·Search Engine Land 가이드에 정리돼 있어요.
그래서, 지금 뭘 하면 되나
한 줄로 끊어요. 사용자라면 오늘 반복 프롬프트 1개를 Skill로 저장하세요. 개발자라면 플래그 켜고 navigator.modelContext 데모를 한 번 돌려보세요. 웹사이트 운영자라면 production 도입은 미루되, "우리 사이트의 핵심 action 3개를 함수로 표현하면 뭐가 될까"를 지금 적어두세요. 그게 다음 SEO 문서가 될 테니까요.
자주 묻는 질문
(FAQSection 자동 렌더링 — content에는 포함하지 않음)
더 파보고 싶다면
The Deep View — Chrome's AI skills push the web toward agents 4월 14일 출시 보도 + Anthropic·OpenAI·Google Skills 비교 thedeepview.com
Search Engine Land — WebMCP explained WebMCP의 imperative·declarative API 차이, B2B/B2C 사례, 구현 가이드 searchengineland.com
Chrome for Developers — WebMCP early preview 공식 dev preview 문서 — 표준 명세·테스트 절차 developer.chrome.com
bug0.com — WebMCP just landed in Chrome 146 프론트엔드 JS 한 곳에서 AI tool 등록하는 실전 코드 가이드 bug0.com
