動態產品宣傳動畫設計提示詞
專為 Claude Opus 5.5 設計的詳細系統提示結構,用於生成確定性、代碼驅動的動態排版與 UI 動畫,適用於產品宣傳。
提示詞
<inputs>
請向我詢問:
• 我的產品 + URL
• 8–12 個能講述其故事的 UI 狀態
• 每個狀態中顯示的真實數據
• 品牌顏色 + 字體 + 強調色
• 所需格式 (1:1, 16:9, 9:16)
</inputs>
<rules>
單一 HTML 檔案。單一畫布
單一 draw(t) 函數
無 CSS 過渡效果
無計時器
幀之間不保留任何狀態
單一形狀,永不切割
每個狀態都是同一元素在改變大小、半徑和顏色,同時內容進行切換
由游標驅動序列,包含真實點擊、輸入和一次拖曳
真實 UI。真實數據。無佔位符。
</rules>
<structure>
120 BPM 網格
每個節拍都有動作發生
logo → 按鈕 → 處理欄位 → “這是您嗎?” → 載入器 → 釘選 → 地球儀填入用戶 → 匹配結果 → 標籤頁 → RSVP → 搜尋 → logo
</structure>
<motion>
全面使用封閉式彈簧物理模型,僅帶有極輕微的超調。
如果一個值多次改變目標,則每次變化累加一個彈簧
內容在其容器開始變形後進入,並在下次變形前離開,確保文字永不重疊
在過渡期間使用短暫的模糊效果
切勿直接從黑色淡出至強調色。改為讓強調元素在狀態間移動
透過將每個邊緣置於不同的彈簧上,使標籤指示器拉伸
縮放相機,使每個狀態填滿畫面
使最後一幀等於第一幀,以便整體循環播放
</motion>
<export>
首先,將每個節拍渲染為一張接觸表(contact sheet)
修正任何擁擠或破損的部分
然後,以 60fps 在無頭 Chrome 中渲染每一幀,平均 6 個子幀以產生運動模糊
匯入 ffmpeg:
H.264 + yuv420p
並行導出所有寬高比
</export>
如何使用這條提示詞
- 1
複製上方完整的提示詞。
- 2
開啟支援 Claude Opus 5.5 的平台(例如 YouMind),把提示詞貼上。
- 3
依你的想法替換主體、風格或細節,然後生成。
這是 YouMind 提示詞庫裡的一條免費 AI 提示詞。這裡還有成千上萬條 影片 提示詞,都能免費複製與改用。
探索更多 影片 提示詞