Claude Code를 위한 스킬: Playwright로 플로우를 실행하고 Remotion으로 카메라, 커서, 타이포그래피를 합성하여 MP4 및 GIF 제품 데모를 생성합니다.
이 스킬은 Playwright를 사용하여 웹 애플리케이션의 사용자 플로우를 기록하고, Remotion을 통해 카메라 움직임, 커서 효과, 타이포그래피가 포함된 전문적인 제품 데모 비디오(MP4 및 GIF)를 자동 생성합니다. 개발자는 코드 몇 줄만으로 데모 스크립트를 정의하고, 스킬이 전체 렌더링 파이프라인을 처리하므로 수동 녹화나 편집 도구가 필요 없습니다. Claude Code와 함께 사용하도록 설계되어, 에이전트가 사용자에게 제품 기능을 설명하는 비디오를 즉시 생성할 수 있습니다. 이는 제품 출시, 튜토리얼 제작, QA 분석 보고서에 시각적 데모를 추가해야 하는 시나리오에서 특히 유용하며, 모든 프레임이 코드로 제어되므로 일관성과 재현성을 보장합니다.
npx skills add pedroantunes-84/skill-product-demo-videoInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Claude Code를 위한 스킬: Playwright로 플로우를 실행하고 Remotion으로 카메라, 커서, 타이포그래피를 합성하여 MP4 및 GIF 제품 데모를 생성합니다.
출처: https://github.com/pedroantunes-84/skill-product-demo-video
Awesome Skills 런칭 비디오 태스크 발견용으로 태그됨 (2026-09-20 저녁)
This repo contains 1 individual skill — each has its own dedicated page.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.