Communitygithub.com

surajshetty3416/demo-video-skill

Claude Code 스킬: Playwright + Pillow + ffmpeg를 사용하여 모든 웹 앱의 60fps ScreenStudio 스타일 데모 비디오를 제작합니다 (화면 녹화기 불필요).

demo-video-skill란 무엇인가요?

이 스킬은 Claude Code, Cursor, Codex와 같은 AI 에이전트가 웹 애플리케이션의 고품질 데모 비디오를 자동으로 생성할 수 있게 해줍니다. Playwright, Pillow, ffmpeg를 활용하여 화면 녹화기 없이도 60fps의 ScreenStudio 스타일 비디오를 제작합니다. 개발자는 이 스킬을 통해 제품 시연, 튜토리얼, 버그 재현 영상 등을 빠르고 일관된 품질로 만들 수 있습니다. 각 프레임을 프로그래밍 방식으로 캡처하고 합성하여 부드러운 애니메이션과 깔끔한 출력을 보장합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add surajshetty3416/demo-video-skill

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

demo-video-skill은(는) 무엇을 하나요?

Claude Code 스킬: Playwright + Pillow + ffmpeg를 사용하여 모든 웹 앱의 60fps ScreenStudio 스타일 데모 비디오를 제작합니다 (화면 녹화기 불필요).

사용법

claude code 세션에서 다음 명령어로 스킬을 호출합니다:

claude code --skill surajshetty3416/demo-video-skill

요구 사항

  • Python 3.8+
  • Playwright (pip install playwright)
  • Pillow (pip install Pillow)
  • ffmpeg (시스템 PATH에 설치 및 등록)

작동 방식

  1. Playwright가 브라우저를 시작하고 웹 앱을 탐색합니다.
  2. 각 프레임이 Pillow로 캡처되고 처리됩니다.
  3. 모든 프레임이 ffmpeg로 60fps 비디오로 인코딩됩니다.
  4. 결과 비디오는 output.mp4로 저장됩니다.

예시

python demo_video.py --url https://example.com --duration 10 --output demo.mp4

관련 스킬