
이 Skill로 렌더링한 결과
CursorCam 클릭 데모 v1.1.0
웹 앱 데모를 요청하면 완성된 MP4가 돌아옵니다. 에이전트가 직접 흐름을 클릭하고, 클릭할 때마다 카메라가 다가가며 커서는 부드럽게 움직입니다.
- 포맷
- 영상 · 16:9
- 길이
- 0:29
어떤 웹 앱이나 사이트든 클릭 데모 영상을 녹화하는 오픈소스 Skill입니다. 에이전트가 앱을 살펴보고 단계를 쓰고 시험 실행한 뒤, 보이지 않는 브라우저에서 녹화해 자동 줌, 부드러운 커서, 클릭 물결이 들어간 1080p·60fps MP4로 렌더링합니다. 넘기기 전에 자기 영상의 스틸 컷을 확인합니다.
2026년 11월 2일 업데이트
받게 되는 것
- 자동 줌, 부드러운 커서, 클릭 물결이 들어간 1080p·60fps MP4
- 포스터 이미지와, 앱이 바뀌어도 다시 녹화할 수 있는 재사용 단계 파일
- 같은 녹화로 만드는 다른 크기: X, LinkedIn, YouTube, Discord, 정사각형, 세로형
- 넘기기 전 스틸 컷으로 하는 자체 점검
잘 맞는 경우
- SaaS나 웹 앱의 랜딩 페이지, README 데모
- X와 LinkedIn의 출시 게시물, 변경 사항 클립
- 온보딩, 문서, 고객 지원용 사용 안내
맞지 않는 경우
- 모션 그래픽이나 내레이션이 들어간 프로모, 출시 영상
- 브라우저에서 돌아가지 않는 데스크톱·모바일 네이티브 앱
이 Skill에 대하여
/cursorcam http://localhost:3000 의 30초 데모를 만들어 줘. 거실을 열고 조명을 35%로 낮추고 따뜻한 빛으로 바꾼 다음 블라인드를 닫고 "Evening wind-down"이라는 장면으로 저장해. 마지막은 새 장면에서 끝내.
에이전트에게 앱 데모를 부탁해 보세요. 회원가입, 결제, 프로젝트 만들기, 설정 저장 무엇이든 됩니다. CursorCam이 모든 일을 맡습니다. 앱을 열고 버튼과 입력란을 찾아 흐름을 짧은 단계 파일로 쓰고, 한 번 시험 실행해 실수를 잡은 뒤, 보이지 않는 브라우저에서 녹화해 손으로 편집한 듯한 영상으로 렌더링합니다. 클릭과 입력마다 카메라가 다가가고, 동작이 근처에서 이어지는 동안 머물렀다가 흐름이 다른 곳으로 옮겨 가면 물러납니다.
사용 방법
- 요청: URL, 보여 줄 흐름 하나, 영상을 올릴 곳(X, LinkedIn, YouTube, Discord, README 등)을 알려 줍니다.
- 탐색: 앱이 실행 중인지 확인하고(개발 서버를 대신 띄울 수도 있습니다), 페이지마다 살펴보며 다룰 수 있는 버튼과 입력란을 정리합니다.
- 단계: 5~15개 단계(클릭, 입력, 메뉴 선택, 드래그)를 쓰고 시험 실행하며 단계마다 한 프레임씩 저장합니다.
- 녹화: 흐름을 녹화해 자동 줌, 부드러운 커서, 클릭 물결이 들어간 MP4로 렌더링합니다. 브라우저 창은 원하는 배경 위에 놓입니다.
- 검토: 자기 영상의 스틸 컷을 보고 구도나 타이밍 문제를 고친 뒤, 영상과 포스터, 단계 파일을 넘깁니다.
팁
- 영상 하나에 흐름 하나, 10~40초. 결과 화면에서 끝내세요.
- 올릴 곳을 말하면 크기, 프레임 레이트, 파일 제한이 그에 맞춰집니다.
- 단계 파일은 남겨 두세요. 앱이 바뀌면 명령어 하나로 다시 녹화합니다.
- 정사각형이나 문서용 가벼운 파일 같은 다른 크기는 같은 녹화에서 몇 초 만에 렌더링됩니다.
- 로그인이 필요하면 물어보고, 입력한 내용은 저장하지 않습니다. 영상에서 비밀번호는 점으로 보입니다.
오픈소스
CursorCam은 Avijit Dey가 만들어(Avijit07x/cursorcam) Apache License 2.0으로 공개했습니다. 다운로드는 GitHub에 공개된 Skill 그대로이며, 녹화 도구 자체는 처음 영상을 요청할 때 npm에서 실행됩니다.
시작 전에 필요한 것
- 준비물
- 웹 앱 URL(로컬 개발 서버도 됩니다), 보여 줄 흐름 하나, 영상을 올릴 곳, 그리고 흐름에 로그인이 필요하면 테스트 계정.
- 의존성
- Node.js 22 이상 — 필수 · Google Chrome(또는 CHROME_PATH) — 필수
- 외부 비용
- 없습니다. 내 컴퓨터에서 이미 쓰고 있는 브라우저로 실행됩니다.
- 마지막 테스트
- v1.1.0 —
사용자 리뷰
아직 리뷰가 없습니다. Skill을 설치하고 첫 평가를 남겨 보세요.
자주 묻는 질문
로컬 앱에서도 되나요?
됩니다. localhost URL을 주거나, 프로젝트의 개발 서버를 찾아 띄우도록 맡기세요. Chrome으로 열 수 있는 페이지라면 스테이징 사이트까지 녹화합니다.
줌은 어디로 갈지 어떻게 아나요?
클릭하는 곳과 입력하는 칸이 각각 대상입니다. 카메라가 그곳으로 다가가고, 다음 동작이 같은 영역이면 머물렀다가 흐름이 다른 곳으로 가면 물러납니다. 줌을 끄거나, 다가가는 정도를 바꾸거나, 단계별로 설정할 수 있습니다.
로그인과 2단계 인증은요?
흐름에 로그인이나 일회용 코드가 필요하면 물어보고, 그 녹화에만 쓰며 파일에는 절대 적지 않습니다. 비밀번호 칸은 점으로 보이고 다른 비밀 값은 흐리게 처리됩니다.
왜 무료인가요?
CursorCam은 Avijit Dey의 오픈소스 Skill입니다. 그대로 소개하며, 저희 스마트홈 앱 Solenne으로 돌려 본 샘플을 함께 올렸습니다.






