← 全部 Skill
蓝图发布片
你的真实界面先画成一张技术图纸,标出各项功能,再变成实物。
怎么用
- 1复制安装提示词,粘贴给你的 Agent。
- 2Agent 先运行 mo doctor,检查 Node.js、FFmpeg 和 Chrome;缺什么会告诉你怎么装。
- 3把素材交给它,在你的电脑上渲染出 MP4;想改哪里,直接说。
粘贴到 Claude Code、Codex、Cursor 或任何支持 Skill 的 Agent 中。
开始只需要
无需 API Key有这个就能开始
- 网站或 App
运行依赖
Node.js 22+、FFmpeg、Chrome。不需要 API Key。
开始前,Agent 会运行 mo doctor 检查 Node.js、FFmpeg 和 Chrome,缺什么会告诉你怎么装;如果这个 Skill 还需要别的(比如字幕要用的 whisper),它的说明里会写明。
示例提示词
Make a blueprint launch film for our app: trace our home page as a technical drawing, call out three features as details, then fill it in with the real screen and end on our sign-up link.
风格提示词(Claude Motion 或 Opus 5.5)
Make a 20-second 16:9 launch video for [who will watch, e.g. engineers and product teams], playing [where, e.g. Product Hunt and X]. Use only the name, lines and screenshot I give; don't change a word. Deep blueprint-blue background with a fine white grid. Scene 1: a wireframe of an app window draws itself in thin white lines (header, sidebar, three cards, a chart) with dashed dimension lines labeled in millimeters and a drawing title block in the corner with the project name. Scene 2: the product name scrambles in, monospace, with the tagline in yellow. Scene 3: three yellow rings circle details labeled DETAIL A, B, C with feature names. Scene 4: the wireframe fills in with the screenshot from left to right and a yellow "APPROVED" stamp slams on. End frame: the name, a yellow status tag and the URL. Product and tagline: [e.g. Orbit, "Engineered for focus."] Three features: [names] Status tag and URL: [e.g. "Now in public beta", orbit.app] Attach: [a screenshot of your product]
无需安装:粘贴到 Claude Motion(Team 或 Enterprise),或直接发给 Opus 5.5,就能得到相近的风格。每次运行结果会有差异;用 Skill 则根据你的素材,在你的电脑上渲染。
