← 전체 스킬
스크린 데모 줌
실제 웹 앱을 한 단계씩 사용하고, 클릭할 때마다 카메라가 줌인합니다.
사용 방법
- 1설치 프롬프트를 복사해 에이전트에 붙여 넣으세요.
- 2에이전트가 mo doctor로 Node.js, FFmpeg, Chrome을 확인하고, 없는 것은 설치 방법을 알려 줍니다.
- 3자료를 주면 내 컴퓨터에서 MP4로 렌더링합니다. 고칠 곳은 말로 요청하면 됩니다.
Claude Code, Codex, Cursor 등 Skill을 지원하는 에이전트에 붙여 넣으세요.
시작에 필요한 것
API 키 불필요이것만 있으면 시작할 수 있어요
- 웹사이트나 앱
실행 환경
Node.js 22+, FFmpeg, Chrome. API 키 불필요.
시작하기 전에 에이전트가 mo doctor로 Node.js, FFmpeg, Chrome을 확인하고 없는 것은 설치 방법을 알려 줍니다. 이 스킬에 더 필요한 것(자막용 whisper 등)이 있으면 설명에 적혀 있습니다.
프롬프트 예시
Make a zoom-to-click demo of our web app: create a project, name it and open it, zooming in on each click. 16:9, plus a 9:16 version.
스타일 프롬프트 (Claude Motion 또는 Opus 5.5)
Make a 15-second 16:9 screen demo for [who will watch, e.g. visitors to our landing page], playing [where, e.g. the hero section, muted]. Use only our real web app and the steps below; every screen state must be the app's own, nothing mocked. Our app sits in a plain browser window on our brand colour. A smooth cursor glides to each control; the camera eases in on the action before each click and pans to the result after it, and a short caption names each step. The final result is held longest with the app's own confirmation in frame. End on our name, line and URL, held 2 seconds. Soft click and typing sounds over a light score. App: [URL or local build, e.g. localhost:3000] Steps (3 to 5 goals): [e.g. "Start a new invoice", "Pick the client", "Add a line", "Send it as a link"] Name, line and URL: [e.g. Billwren · "Bill the job, not the paperwork." · billwren.example]
설치 불필요: Claude Motion(Team 또는 Enterprise)에 붙여 넣거나 Opus 5.5에 주면 비슷한 스타일이 나옵니다. 결과는 실행마다 달라지며, Skill은 내 자료로 내 컴퓨터에서 렌더링합니다.