🎬스킬

Claude Code로 웹앱 소개 영상 자동 제작하기

Playwright 녹화 + Remotion 편집으로 JSON 시나리오만으로 데모 영상을 자동 생성하는 Claude Code Skill

#Claude Code#Playwright#Remotion#영상 자동화

개요

웹앱 개발은 하루면 끝나는데, 소개 영상 만드는 건 아직도 수작업으로 하고 계신가요?

화면 녹화, 편집, 자막 추가, 인트로 작업... 이 모든 과정을 자동화하는 Claude Code Skill이 등장했습니다.

1.Claude Code와 대화: JSON 형식으로 시나리오 구성

2.Playwright 녹화: 웹사이트 화면을 자동으로 녹화

3.Remotion 편집: 자막과 편집을 자동으로 처리

4.MP4 출력: 최종 데모 영상 완성

▸✅ JSON 시나리오만으로 영상 제작

▸✅ 녹화, 편집, 자막 작업 완전 자동화

▸✅ Claude Code Skill로 대화형 작업 가능

▸✅ 수작업 없이 빠른 영상 제작

json

{
  "scenes": [
    {
      "action": "click",
      "text": "Intro..."
    }
  ]
}

간단한 JSON 설정만으로 웹앱 데모 영상을 자동으로 만들 수 있습니다.

GitHub: github.com/nerddaddy-ai/demo-video-skills

이제 웹앱 소개 영상도 코드처럼 자동화하세요!