← 全部 Skill
縮放式螢幕示範
一步步操作你的真實網頁應用程式，鏡頭隨每次點擊推近。
怎麼用
- 1複製安裝指令，貼給你的 Agent。
- 2Agent 先執行 mo doctor，檢查 Node.js、FFmpeg 和 Chrome；缺什麼會告訴你怎麼裝。
- 3把素材交給它，在你的電腦上算圖出 MP4；想改哪裡，直接說。
貼上到 Claude Code、Codex、Cursor 或任何支援 Skills 的 Agent 中。
開始只需要
無需 API Key有這個就能開始
- 網站或 App
執行環境
Node.js 22+、FFmpeg、Chrome。不需要 API Key。
開始前，Agent 會執行 mo doctor 檢查 Node.js、FFmpeg 和 Chrome，缺什麼會告訴你怎麼裝；如果這個 Skill 還需要別的（例如字幕要用的 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 則根據你的素材，在你的電腦上算繪。