Motion Skills
← Skills
付費發表

藍圖發表影片

把產品畫成一張自動繪製的技術圖紙,最後填充成實物。

貼上到 Claude Code、Codex、Cursor 或任何支援 Skills 的 Agent 中。

需要: Node.js 22+、FFmpeg、Chrome。不需要 API Key。

其他配色和畫面比例

藍圖發表影片 · 紙白 · 9:16
配色: 紙白 · 9:16
藍圖發表影片 · 黑白 · 1:1
配色: 黑白 · 1:1

同一個範本換了配色和畫面比例後渲染出的結尾畫面。

5 套配色

  • 墨黑
    ink
  • 紙白
    paper
  • 電光 · 預設
    electric
  • 黑白
    noir
  • 沙色
    sand

在提示詞裡寫上配色名稱就能切換,也可以自訂強調色、背景色和文字色。

安裝提示詞
閱讀 https://claude-motion.com/skills/blueprint-launch/install.md,依說明安裝「blueprint-launch」Skill,然後用它做出第一支影片。

貼上到 Claude Code、Codex、Cursor 或任何支援 Skills 的 Agent 中。

範例提示詞
Use the blueprint-launch skill for Torque, a dev tool: hook "Built like infrastructure.", features "Retries: Automatic, exponential | Tracing: Every hop, recorded | Scale: Millions of jobs a day", image assets/dashboard.png.
風格提示詞(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 則每次結果一致。

用這個 Skill 做的作品