產品發布動態影片提示詞
專為 Claude Opus 5.5 設計的詳細提示詞模板,用於在單一 HTML 檔案中建立產品發布 UI 動態影片,將提示列轉換為與音樂節拍同步的各種 UI 元素。
提示詞
<inputs>
請向我詢問:一個單字的品牌名稱(用於文字商標)、一種強調色,以及一首約 120 BPM 的免版稅曲目(例如來自 Mixkit,可免費商用)。
</inputs>
<direction>
以單一連續鏡頭呈現產品發布的 UI 動態效果。透過一個形狀講述完整故事:提示列變成按鈕,按鈕變成進度環,進度環變成預覽視窗,視窗填滿螢幕,然後縮小成彈出通知並變回提示列。場景之間無剪接、無淡入淡出:物體直接變形。游標透過真實點擊觸發每個變化。背景為溫暖的米白色畫布,UI 為黑色,搭配一種強調色,UI 和文字商標使用 Inter 字型。全程採用彈簧動畫效果,僅帶有輕微的過衝。調整攝影機縮放,使每個瞬間都填滿正方形畫面。
禁止事項:交叉淡入淡出、UI 上的漸層、粒子特效、光暈、過度彈跳的緩動、停頓的節拍,以及任何看起來像範本的元素。
</direction>
<structure>
120 BPM,共 24 個節拍,每個節拍都有動作發生。
在提示列輸入請求 → 點擊發送 → 提示列收縮成黑色圓形 → 進度環分四步填充,同時四個標籤彈出(概念、分鏡、動態、聲音)→ 標籤飛入時間軸,圓形變成預覽視窗 → 播放頭掃過片段 → 在預覽視窗內,軌道自行繪製,行星開始移動,文字商標從遮罩線逐字升起 → 預覽視窗填滿螢幕 → 字母消失,行星飛入彈出通知並變成其對勾符號 → "Rendered in code · 60 fps" → 彈出通知變回空的提示列。最後一幀 = 第一幀。
</structure>
<build>
1. 單一 HTML 檔案,畫布尺寸為 1440x1440。所有內容均在 seek(t) 內繪製:不使用 CSS 過渡、計時器或跨幀的狀態保留。
2. 使用封閉形式的彈簧階躍響應。當某個值多次改變目標時,為每次改變添加一個彈簧,使其保持為時間的純函數。
3. 主要形狀是一個圓角矩形,其寬度、高度、半徑、位置和顏色各自由一串彈簧控制。
4. 打字效果由時間推導得出:顯示的字元數 = floor(progress × length),且游標僅在閒置時閃爍。
5. 找出曲目的節拍網格,從強拍開始,並將每個點擊、彈出和音效放置在測量到的峰值上。
6. 使用 Playwright 以 60 fps 渲染,然後編碼為 H.264 CRF 16 並進行 loudnorm 至 -14 LUFS。
7. 先為每個節拍渲染一張靜態圖。在完整渲染前,修正任何擁擠、偏離網格或難以閱讀的內容。
</build>
<gotchas>
變形形狀內的文字需要自己的裁剪區域和獨立的進入/退出時間安排。文字切換需要各自的淡入淡出效果,確保它們永不重疊。游標必須結束於其起始的確切位置,否則循環會出現卡頓。
</gotchas>
如何使用這條提示詞
- 1
複製上方完整的提示詞。
- 2
開啟支援 Claude Opus 5.5 的平台(例如 YouMind),把提示詞貼上。
- 3
依你的想法替換主體、風格或細節,然後生成。
這是 YouMind 提示詞庫裡的一條免費 AI 提示詞。這裡還有成千上萬條 影片 提示詞,都能免費複製與改用。
探索更多 影片 提示詞