Mografy Templates 模板庫 · 螢幕與裝置

AI chat stream

A prompt types into the glass pill, the pill rises into a chat window as the user message, and the reply streams in with a teal caret.

16:96 s免費 · MIT
也有 9:16 版本ai-chat-stream

加入模板

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

終端機
mografy add ai-chat-stream-wide projects/my-film

想單獨播放,把專案的 scene 指向這個模板: "scene": "scenes/templates/ai-chat-stream-wide.ts"

放進影片

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

scenes/main.ts
import * as aiChatStreamWide from './templates/ai-chat-stream-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, aiChatStreamWide, { prompt: "Write a launch post for our new planner" })

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

給你的 agent Show an AI feature answering. Prompt one line (under ~44 characters), reply 1–3 sentences (under ~190 characters). The chat window is a stand-in: restyle `chat()`; never use a real AI brand name or logo.

參數

  • promptstringWrite a launch post for our new planner
  • replystringMeet the planner your team will actually open. Northwind turns scattered tasks into one calm week, so you spend less time planning and more time shipping.
  • themeenum · night | light | neonlight
  • safeGuidebooleanfalse

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