Community코딩 & 개발github.com

jh941213/web-demo-skills

Codex 에이전트 스킬: 웹 앱을 검사하고 재현 가능한 자막 포함 60fps 제품 데모 비디오를 Playwright + FFmpeg로 자동 생성합니다.

web-demo-skills란 무엇인가요?

이 스킬은 Codex 에이전트가 웹 애플리케이션을 자동으로 탐색하고, Playwright를 사용하여 고품질(60fps)의 제품 데모 동영상을 제작할 수 있게 해줍니다. FFmpeg을 활용하여 자막(srt 파일)을 동영상에 하드코딩하며, 개발자는 데모 시나리오를 JSON 또는 YAML로 정의하거나 에이전트가 앱 구조를 분석하여 자동으로 생성하도록 할 수 있습니다. 모든 과정이 재현 가능하도록 설계되어, 앱 업데이트 시 동일한 스크립트로 최신 데모 영상을 다시 만들 수 있습니다. 주로 Codex CLI 환경에서 사용하며, Playwright와 FFmpeg가 사전 설치되어 있어야 합니다.

지원 대상~Claude Code✓Codex CLI~Cursor
npx skills add jh941213/web-demo-skills

Installed? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

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

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

문서

web-demo-skills은(는) 무엇을 하나요?

Codex 에이전트 스킬: 웹 앱을 검사하고 재현 가능한 자막 포함 60fps 제품 데모 비디오를 Playwright + FFmpeg로 자동 생성합니다.

출처: https://github.com/jh941213/web-demo-skills

Awesome Skills Launch Video 작업 발견을 위해 태그됨 (2026-09-20 저녁).

관련 스킬