加入模板
在 Mografy 資料夾執行這行。模板、共用模組和字型會複製進專案，你改過的檔案會保留。還不是專案的資料夾會直接建立成專案，並附上播放這個模板的場景。
終端機
mografy add three-steps projects/my-film想單獨播放，把專案的 scene 指向這個模板： "scene": "scenes/templates/three-steps.ts"
放進影片
在影片的時間軸上播放模板並覆寫參數。疊加類模板傳入 backdrop: false，就會畫在你自己的畫面上。
scenes/main.ts
import * as threeSteps from './templates/three-steps.js'
import { play } from './templates/kit.js'
// inside renderFrame(ctx, time): play it from 2 s, with your own copy
play(ctx, time, 2, threeSteps, { kicker: "How it works" })也可以直接跟 Claude 或 Codex 描述影片：Mografy Skill 認得每個模板，會挑合適的來用。
給你的 agent Explain a 3-step flow. Step titles 2–4 words, details one short line. The window shows a stand-in screen: put assets/step-1.jpg … step-3.jpg in the project (or redraw `screen`) to show the real product.
參數
- kickerstringHow it works
- step1stringPaste a link
- step2stringPick a style
- step3stringExport the film
- detailsstringDrop in your product page. ⏎ Choose the look and the pace. ⏎ MP4, ready to post.
- hintstringSwipe for the next step
- themeenum · light | darklight
- accentcolor#D4643A
- safeGuidebooleanfalse
時間與版面寫在模板檔案裡：在那裡修改，再用 check 與 review 檢查畫面。