← 전체 스킬
디바이스 캔버스 런칭
데스크톱과 휴대폰 화면을 브랜드 컬러 캔버스 하나에 올리고, 카메라 하나로 둘러봅니다.
사용 방법
- 1설치 프롬프트를 복사해 에이전트에 붙여 넣으세요.
- 2에이전트가 mo doctor로 Node.js, FFmpeg, Chrome을 확인하고, 없는 것은 설치 방법을 알려 줍니다.
- 3자료를 주면 내 컴퓨터에서 MP4로 렌더링합니다. 고칠 곳은 말로 요청하면 됩니다.
Claude Code, Codex, Cursor 등 스킬을 지원하는 에이전트에 붙여 넣으세요.
시작에 필요한 것
API 키 불필요이것만 있으면 시작할 수 있어요
- 웹사이트나 앱
실행 환경
Node.js 22+, FFmpeg, Chrome. API 키 불필요.
시작하기 전에 에이전트가 mo doctor로 Node.js, FFmpeg, Chrome을 확인하고 없는 것은 설치 방법을 알려 줍니다. 이 스킬에 더 필요한 것(자막용 whisper 등)이 있으면 설명에 적혀 있습니다.
프롬프트 예시
Make a device-canvas launch film for our app: our site on desktop and phone, three features, and the sign-up link.
스타일 프롬프트 (Claude Motion 또는 Opus 5.5)
Make a 20-second 16:9 launch video for [who will watch, e.g. ops and finance leads], playing [where, e.g. the homepage hero]. Use only the lines and screenshots I give; don't change a word. Deep navy background with soft violet and teal glows. Scene 1: the hook rises word by word and fades. Scene 2: a browser window with the desktop screenshot and a phone with the mobile screenshot rise onto the canvas. Scene 3: the camera glides in to the browser while a glass caption shows the first feature, then to the phone with the second, then pulls back to show both with the third. End frame: the devices blur and sink as the product name, the hook and a violet call-to-action button appear. Hook: [e.g. "Your metrics, everywhere you work."] Three captions: [e.g. "Live dashboards — Every number, updated in real time", "Pocket alerts", "Always in sync"] Product and call to action: [e.g. Pulse, "Get Pulse free"] Attach: [a desktop screenshot and a phone screenshot]
설치할 것이 없습니다. Claude Motion(Team 또는 Enterprise)에 붙여 넣거나 Opus 5.5에 주면 비슷한 룩이 나옵니다. 결과는 실행할 때마다 달라집니다. 스킬은 내 자료로 작업하고 내 컴퓨터에서 렌더링합니다.