Motion Skills
← 全部 Skill

缩放式屏幕演示

一步步操作你的真实 Web 应用,镜头随每次点击推近。

怎么用

  1. 1复制安装指令,粘贴给你的 Agent。
  2. 2Agent 先运行 mo doctor,检查 Node.js、FFmpeg 和 Chrome;缺什么会告诉你怎么装。
  3. 3把素材交给它,在你的电脑上渲染出 MP4;想改哪里,直接说。

安装缩放式屏幕演示

复制一句话给你的 AI Agent,它会读安装说明、装好这个 Skill,再用它做出第一支片子。

对 Agent 说

阅读 https://claude-motion.com/skills/screen-demo-zoom/install.md,按说明安装「screen-demo-zoom」Skill,然后用它做出第一个视频。

适用于 Claude Code、Codex、Cursor、Gemini CLI 和任何支持 Agent Skills 的 Agent。第一次安装会在浏览器里登录。

粘贴到 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 则根据你的素材,在你的电脑上渲染。

用「缩放式屏幕演示」做你的片子

复制安装提示词