에 Safari MCP 서버가 추가되었다

웹 개발자는 코드 에디터와 브라우저 창을 수없이 오가며 렌더링 상태를 확인한다. AI에게 버그 수정을 요청할 때도 현재 화면 상태를 일일이 텍스트로 설명해야 하는 번거로움이 뒤따른다. Safari Technology Preview 247은 Safari MCP 서버를 탑재해 이 간극을 없앤다. Model Context Protocol(모델 컨텍스트 프로토콜, AI 모델과 외부 데이터 소스를 연결하는 표준 규격) 서버가 코딩 에이전트를 브라우저 창에 직접 연결한다. 이를 통해 에이전트는 코드가 브라우저에서 실제로 어떻게 렌더링되는지 직접 확인하며 코드 분석과 상태 확인 사이의 거리를 좁힌다.

개발자가 완벽한 프롬프트를 작성해 상황을 설명하지 않아도 에이전트가 브라우저 상태를 직접 파악한다. 반복적인 창 전환과 상세한 상황 묘사라는 프롬프트 작성 부담이 사라진다. 에이전트가 Safari에서 확인 가능한 정보를 바탕으로 즉시 다음 작업을 이어가므로 작업 효율이 높아진다. 특히 Safari 호환성 검증이나 성능 및 접근성 점검처럼 브라우저별 차이가 중요한 작업에서 에이전트에게 직접 검증을 맡길 수 있다.

Safari MCP 서버는 로컬 머신에서만 실행되며 자체적인 네트워크 호출을 수행하지 않는다. AutoFill이나 기타 브라우저 활동 같은 개인 정보 영역에는 접근하지 않아 보안성을 유지한다. 다만 캡처된 페이지 데이터는 사용자가 실행 중인 에이전트로 직접 전달되는 구조다. 사용자는 데이터가 전달되는 경로를 고려해 신뢰할 수 있는 에이전트를 선택해 사용해야 한다.

에이전트가 브라우저의 DOM, 네트워크 요청, 스크린샷, 콘솔

웹 개발자가 브라우저와 에디터를 오가며 렌더링 상태를 캡처하고 프롬프트에 상황을 설명하는 시간은 보이지 않는 개발 비용이다. 이 반복적인 컨텍스트 전환 비용을 줄이기 위해 Safari Technology Preview 247에 MCP(Model Context Protocol, AI 모델이 외부 데이터와 도구에 접근하도록 돕는 표준 프로토콜) 서버가 탑재됐다. 이제 코딩 에이전트는 사람이 상황을 설명하지 않아도 브라우저의 상태를 직접 확인하고 제어한다.

에이전트는 Safari MCP 서버를 통해 DOM(Document Object Model, 웹 페이지의 구조를 트리 형태로 표현한 객체 모델) 접근과 JavaScript 코드 실행, 네트워크 요청 상세 조회를 수행한다. 콘솔 로그를 반환받거나 탭을 제어하고 URL을 이동하는 작업이 가능하며, 페이지 콘텐츠 추출과 클릭 및 타이핑 같은 DOM 상호작용을 직접 처리한다. 여기에 스크린샷 캡처와 뷰포트 및 미디어 에뮬레이션 기능이 더해져 코드만으로는 파악하기 어려운 실제 사용자 경험을 검증한다.

기능을 활성화하려면 Safari Technology Preview를 설치한 뒤 설정을 변경해야 한다. Safari 설정의 Advanced 메뉴에서 Show features for web developers를 켜고, Developer 메뉴에서 Enable remote automation and external agents 항목을 활성화한다. 이후 Claude나 Codex 또는 mcp.json 설정을 통해 서버를 연결하면 에이전트가 브라우저 제어권을 갖는다. 브라우저별 호환성 테스트나 접근성 점검 시 상황을 설명하는 프롬프트를 작성하는 대신 에이전트에게 직접 검증을 맡겨 작업 시간을 단축한다.

브라우저와 에디터를 오가며 렌더링 상태를 캡처하고 프롬프트에 상황을 설명하던 비효율이 제거된다. Safari Technology Preview 247의 MCP 서버를 통해 에이전트가 DOM과 네트워크 요청을 직접 조회하면, 개발자는 상황을 묘사하는 대신 결과값을 검증하는 작업에만 집중한다.

브라우저별 호환성 테스트와 접근성 점검 시 프롬프트 작성 시간을 줄이고 에이전트에게 직접 검증을 맡겨 작업 속도를 높인다. AI 코딩 에이전트가 런타임 상태의 실시간 피드백 루프를 직접 제어하며 개발자의 역할은 보고자에서 검토자로 바뀐다.