웹 애플리케이션(Web Application) 개발자들이 기능 시연 영상을 손쉽게 제작할 수 있는 새로운 도구인 '샷-스크래퍼 비디오(shot-scraper video)'가 공개되었습니다. 이 도구는 YAML 형식의 스토리보드 파일을 기반으로, 웹 브라우저 자동화 라이브러리인 플레이라이트(Playwright)를 활용해 웹 앱의 특정 동작을 녹화합니다. 개발자는 복잡한 수동 녹화 과정 없이, 미리 정의된 시나리오에 따라 자동으로 데모 영상을 생성할 수 있게 됩니다.
'샷-스크래퍼 비디오'는 '샷-스크래퍼 1.10' 버전에 새로 추가된 명령어로, 사용자는 스토리보드.yml 파일에 웹 앱에서 수행할 일련의 루틴(예: 클릭, 텍스트 입력, 페이지 이동)을 정의합니다. 예를 들어, CSV 데이터를 붙여넣어 새로운 테이블을 생성하는 데모 영상을 만들 때, 어떤 버튼을 클릭하고, 어떤 텍스트를 입력하며, 어떤 페이지로 이동하는지 등의 과정을 YAML 파일에 상세히 명시할 수 있습니다. 특히, 이 데모 YAML 스토리보드는 GPT-5.5 xhigh와 같은 코딩 에이전트(coding agent)가 생성한 것으로, AI가 직접 자신의 작업 결과를 시연하는 영상을 만드는 데 활용될 수 있음을 보여줍니다. 개발자는 이 도구를 통해 웹 앱의 새로운 기능이나 버그 수정 사항을 빠르고 일관성 있게 시각적으로 공유할 수 있습니다.
이 도구의 출시는 개발 워크플로우에 중요한 변화를 가져올 수 있습니다. 특히 AI 에이전트가 코드를 작성하고 기능을 구현하는 시대에, AI가 자신의 작업 결과를 사람에게 시각적으로 설명하는 능력을 갖추게 된다는 점에서 의미가 큽니다. 이는 개발자뿐만 아니라 제품 관리자, 마케터 등 다양한 이해관계자에게 웹 앱의 기능을 명확하게 전달하는 데 도움을 줄 것입니다. 또한, 반복적인 테스트 시나리오를 영상으로 기록하여 회귀 테스트(regression test)의 시각적 검증 자료로 활용하거나, 사용자 온보딩(onboarding)을 위한 튜토리얼 영상을 자동 생성하는 등 다양한 방면에서 활용될 잠재력을 가지고 있습니다.