Browser — Mografy

加入模板

在 Mografy 資料夾執行這行。模板、共用模組和字型會複製進專案，你改過的檔案會保留。還不是專案的資料夾會直接建立成專案，並附上播放這個模板的場景。

終端機

mografy add browser-window-wide projects/my-film

想單獨播放，把專案的 scene 指向這個模板： "scene": "scenes/templates/browser-window-wide.ts"

放進影片

在影片的時間軸上播放模板並覆寫參數。疊加類模板傳入 backdrop: false，就會畫在你自己的畫面上。

scenes/main.ts

import * as browserWindowWide from './templates/browser-window-wide.js'
import { play } from './templates/kit.js'

// inside renderFrame(ctx, time): play it from 2 s, with your own copy
play(ctx, time, 2, browserWindowWide, { url: "northwind.app" })

也可以直接跟 Claude 或 Codex 描述影片：Mografy Skill 認得每個模板，會挑合適的來用。

給你的 agent Open a website or web-app demo. Keep the URL short (under ~24 characters, no https://). The page is a stand-in: redraw `page()` (1400 × 764 below the bar) or draw a screenshot there; avoid real browser or brand UI.

參數

urlstringnorthwind.app
themeenum · night | light | neonlight
safeGuidebooleanfalse

時間與版面寫在模板檔案裡：在那裡修改，再用 check 與 review 檢查畫面。