playwright-recording
✓Playwright를 사용하여 브라우저 상호 작용을 비디오로 녹화합니다. Remotion 비디오의 데모 비디오, 앱 연습 및 UI 흐름을 캡처하는 데 사용됩니다. 트리거에는 데모 녹화, 브라우저 비디오 캡처, 웹 사이트 화면 녹화 또는 연습 영상 만들기가 포함됩니다.
SKILL.md
Playwright can record browser interactions as video - perfect for demo footage in Remotion compositions.
Key insight: page.evaluate() throws during navigation. Use try/catch and continue - don't treat errors as stop signals.
Warning: Any DOM elements you inject (cursors, control panels, overlays) will be recorded. For UI-free recordings, use terminal-based controls only (Ctrl+C, max duration timer).
Playwright를 사용하여 브라우저 상호 작용을 비디오로 녹화합니다. Remotion 비디오의 데모 비디오, 앱 연습 및 UI 흐름을 캡처하는 데 사용됩니다. 트리거에는 데모 녹화, 브라우저 비디오 캡처, 웹 사이트 화면 녹화 또는 연습 영상 만들기가 포함됩니다. 출처: digitalsamba/claude-code-video-toolkit.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/digitalsamba/claude-code-video-toolkit --skill playwright-recording- 카테고리
- *크리에이티브
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
playwright-recording이란?
Playwright를 사용하여 브라우저 상호 작용을 비디오로 녹화합니다. Remotion 비디오의 데모 비디오, 앱 연습 및 UI 흐름을 캡처하는 데 사용됩니다. 트리거에는 데모 녹화, 브라우저 비디오 캡처, 웹 사이트 화면 녹화 또는 연습 영상 만들기가 포함됩니다. 출처: digitalsamba/claude-code-video-toolkit.
playwright-recording 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/digitalsamba/claude-code-video-toolkit --skill playwright-recording 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/digitalsamba/claude-code-video-toolkit
상세
- 카테고리
- *크리에이티브
- 출처
- skills.sh
- 최초 등록
- 2026-02-01