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/whiteboard-explainer/install.md,依說明安裝「whiteboard-explainer」Skill,然後用它做出第一支影片。

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

範例提示詞
Use the whiteboard-explainer skill: title "Why we use feature flags", steps "Ship: Code goes out dark | Test: Turn it on for a few | Launch: Flip it for everyone", takeaway "Deploy ≠ release."
風格提示詞(Claude Motion 或 Opus 5.5)
Make a 20-second 16:9 whiteboard explainer for [who will watch, e.g. non-technical colleagues], playing [where, e.g. the internal wiki]. Use only the title, three steps and closing line below; don't add claims. Clean white board, black and blue marker.

Scene 1: the italic handwritten-style title writes itself letter by letter and a blue marker underline sweeps under it. Scene 2: three stations draw themselves in black marker (an outlined arrow, a box with a blue tick, a light bulb with blue rays), each with its label, connected by curved gray arrows. End frame: the closing line writes in blue at the bottom and a blue marker loop circles it.

Title: [e.g. "How a cache makes apps fast"]
Three steps: [e.g. "Ask — The app asks for data", "Check — The cache answers if it already knows", "Remember — Otherwise fetch once, keep a copy"]
Closing line: [e.g. "Fast = not asking twice."]

無需安裝:貼到 Claude Motion(Team 或 Enterprise),或直接傳給 Opus 5.5,就能得到相近的風格。每次執行結果會有差異;用 Skill 則每次結果一致。

用這個 Skill 做的作品