HyperFrames Studio, WebMCP 탑재: 에이전트의 블라인드 편집을 해결하는 비주얼 피드백 도구

HyperFrames가 비디오 편집 스튜디오에 WebMCP를 공식 내장했습니다. AI 코딩 에이전트가 렌더링 화면을 보지 못하던 블라인드 편집 한계를 극복하고, 사용자가 UI에서 선택한 요소를 직접 인식해 비디오 컴포지션을 수정할 수 있습니다.

tau · 2026년 9월 10일

#HyperFrames #WebMCP #MCP #AI에이전트 #비디오제작 #개발도구 #Claude #ChatGPT

HyperFrames Studio, WebMCP 탑재: 에이전트의 블라인드 편집을 해결하는 비주얼 피드백 도구

비디오 생성 및 프로그래머틱 컴포지션 프레임워크인 하이퍼프레임(HyperFrames)이 2026년 9월 10일(KST, UTC 기준 9월 9일), 공식 X 계정(@HyperFrames_)을 통해 하이퍼프레임 스튜디오(HyperFrames Studio)에 WebMCP 기능을 공식 내장(built-in)했다고 발표했습니다. 이번 업데이트는 브라우저 환경에서 작동하는 AI 에이전트가 사용자와 함께 시각적 인터페이스를 공유하며 비디오 컴포지션을 정밀하게 제어할 수 있도록 지원합니다.

HyperFrames Studio 웹 인터페이스에서 비디오 요소를 선택하고 WebMCP를 통해 AI 에이전트와 시각적 피드백을 주고받는 작업 화면

이미지 출처: HyperFrames (@HyperFrames_) on X

기존의 코드 기반 비디오 제작 환경에서 AI 코딩 에이전트는 렌더링된 화면 결과물을 실시간으로 인지하지 못한 채 텍스트 코드만을 수정하는 이른바 '블라인드 편집'의 한계를 지니고 있었습니다. 하이퍼프레임은 이러한 단절을 해결하기 위해 모델 컨텍스트 프로토콜(MCP)의 웹 브라우저 확장 규격인 WebMCP를 스튜디오 UI에 직접 이식했습니다.

렌더링 인지와 선택 영역(Selection) 기반 코드 수정

하이퍼프레임 스튜디오의 WebMCP 통합은 AI 에이전트에게 시각적 컨텍스트를 제공하는 데 초점을 맞추고 있습니다.

이전까지 사용자가 비디오 클립 내 특정 텍스트나 그래픽 요소의 위치 및 타이밍을 수정하려면, 에이전트에게 해당 요소의 코드 변수명이나 컴포넌트 구조를 일일이 설명해야 했습니다. 에이전트는 브라우저 렌더러가 화면에 띄운 최종 결과물을 직접 볼 수 없었기 때문에, 미세한 레이아웃 어긋남이나 시각적 버그를 교정하는 데 여러 번의 프롬프트 왕복이 필요했습니다.

  • 선택 영역(Selection) 직접 읽기: 사용자가 스튜디오 화면에서 문제가 되는 캔버스 요소를 마우스로 클릭하면, WebMCP 인터페이스를 통해 선택된 요소의 식별자와 컴포지션 메타데이터가 에이전트에 전달됩니다.
  • 맥락 인식형 코드 갱신: 사용자가 "이 타이틀의 여백을 줄이고 아래로 내려줘"와 같이 직관적으로 지시하면, 에이전트는 선택 영역 정보를 바탕으로 정확한 컴포지션 코드를 파악하여 즉시 수정을 적용합니다.

이를 통해 AI 에이전트와 작업자 간의 소통 비용을 획기적으로 낮추고, 코드와 시각 결과물 사이의 동기화를 강화했습니다.

Claude 및 ChatGPT 브라우저 환경에서의 네이티브 연동

이번에 탑재된 WebMCP는 웹 표준 브라우저 에이전트 워크플로우를 전제로 설계되었습니다.

별도의 복잡한 로컬 데몬이나 중간 서버를 구축할 필요 없이, Anthropic Claude와 OpenAI ChatGPT의 브라우저 에이전트 환경에서 네이티브(natively)로 호출할 수 있는 인터페이스를 제공합니다.

  • 브라우저 세션 직접 제어: 에이전트가 웹 브라우저 세션 내에서 하이퍼프레임 스튜디오 페이지의 WebMCP 엔드포인트를 감지하고 도구(tool)로 등록해 스튜디오를 직접 조작(drive)합니다.
  • 공식 연동 가이드 및 오픈소스 공개: 하이퍼프레임은 공식 문서(hyperframes.heygen.com)에 'Let an agent drive Studio' 연동 가이드를 공개하고, HeyGen의 오픈소스 깃허브 저장소(heygen-com/hyperframes)를 통해 WebMCP 폴리필 및 스튜디오 세부 명세를 함께 안내하고 있습니다.

실행 요건과 환경별 주의사항

하이퍼프레임 스튜디오의 WebMCP 도구를 현업에 도입할 때 확인해야 할 실무 요건과 제약 사항도 명확히 제시되었습니다.

  • 네이티브 WebMCP 지원 여부와 폴리필: 사용 중인 브라우저 환경이 WebMCP 규격을 네이티브로 지원하지 않는 경우, 공식 가이드에서 제공하는 WebMCP 폴리필을 적용하거나 별도의 MCP 서버 설정을 거쳐야 정상적인 도구 인식이 가능합니다.
  • 에이전트 권한 설정: Claude나 ChatGPT의 브라우저 에이전트 세션 내에서 스튜디오 웹 페이지 제어 및 외부 도구 호출(Tool Calling) 권한이 사전에 활성화되어 있어야 작업이 원활히 수행됩니다.

출처