Claude Code 스킬 하나로 실제 제품 시연 영상을 뚝딱 만든다

Skill to Create Product Videos

Claude Code 스킬 하나로 실제 제품 시연 영상을 뚝딱 만든다

aaitor/skill-video-studio는 Claude Code의 /devrel-video 스킬로 제품 데모 영상을 제작하는 로컬 워크스페이스다. Playwright CLI로 실제 브라우저 상호작용을 캡처하고, HyperFrames로 타이틀 카드와 챕터, CTA를 구성한 뒤 FFmpeg로 마스터링과 QA를 거친다. 무음 워크스루로 시작해 내레이션, 음악, 자막, 발표자 영상까지 선택적으로 얹을 수 있으며, 브랜드 토큰과 brief.yaml 기반으로 재사용 가능한 워크플로를 제공한다. MIT 라이선스다.

이 스킬은 기존 도구를 대체하는 것이 아니라 조율한다.
  1. aaitor

    새로운 제품을 만들 때마다 제 관심은 항상 (잘못되게도) 배포하고 다른 사람들이 제가 만든 것을 사용하도록 돕는 일보다는 만드는 일에 먼저 쏠렸습니다.

    제 물건을 만들고 새 장난감이 작동하는 걸 보는 흥분을 다 느끼고 나면, 홍보와 커뮤니케이션 부분은 항상 의무처럼 느껴졌고 대부분의 경우 소홀히 했습니다. 매뉴얼, 영상, 지원 콘텐츠 같은 걸 만드는 데 늘 어려움을 겪었죠.

    그래서 그 마지막 부분을 돕는 스킬을 Claude Code용으로 오픈소스로 공개했습니다. 몇 가지 지시사항과 이 스킬만 있으면 제품 데모 영상을 만들 수 있습니다. 전문 성우의 내레이션과 여러 언어의 자막까지 곁들여서요. 브라우저와 터미널을 결합합니다. 모든 것이 여러분의 AI에서 제어됩니다. 예를 들어 이 게시물에 있는 클립도 이걸로 만들었습니다.

    배포까지 대신 해주지는 않겠지만, 시작이긴 합니다 ;)

    https://github.com/aaitor/skill-video-studio

  2. jjcm

    스킬 사용 유무 비교:

    스킬 없이: https://non.io/video/diffui-product-vid-opus-only.mp4

    스킬 사용: https://non.io/video/diffui-product-vid-with-skill.mp4

    그리고 playwright에 중대한 CVE가 여러 개 있으니 이걸 쓸 때는 조심하고, 이미 설치한 것들은 패치하라는 경고도 남깁니다.

  3. solatic

    저는 이걸 특별히 쓰고 있지는 않습니다(웹 앱이 아니라 네이티브 앱을 대상으로 하고 있어서 Playwright는 제 스택과 무관합니다). 다만 (기존의 무관한 프로젝트의 일부로) 그 프로젝트를 위해 아주 비슷한 걸 만들고 있습니다. Claude가 제품 사용 과정을 단계별로 진행하며 녹화를 캡처하는 스크립트를 작성하게 하는 것이죠.

    지난 6개월 동안 만든 모든 새로운 것들이 빠진 제품 영상을 마케팅 사이트에 두는 것, 뭐, 릴리스마다 수동으로 녹화할 시간이 없어서, 더 중요한 걸 만들어야 하니까 스크립트를 작성해 과하게 엔지니어링하지 않겠다는 건... 아주 2025년스럽고 AI 이전 시대의 발상처럼 보입니다.

이 날의 다른 글

2026-11-02