影片提示詞

UI Morphing Motion Design Template

一個全面的提示範本，用於建立與音樂同步的循環 UI 動態設計，其中元素會透過各種狀態進行變形。

使用這個 Prompt 建立網頁

提示詞UI Morphing Motion Design Template

<inputs>
請向我詢問：我希望形狀變成的 8 到 12 種 UI 狀態（例如按鈕、載入器、播放器、滑桿、開關、分頁、圖表、命令面板、吐司通知），純黑白或單一強調色，以及一首約 120 BPM 的免版稅歌曲（例如來自 Mixkit，可免費商用）。
</inputs>

<direction>
Dribbble 級別的 UI 動態效果。單一形狀，永不切斷：每個狀態都是同一個元素在變形其大小、半徑和顏色，同時內容透過短暫模糊進行交換。游標透過真實的點擊和拖曳驅動每一次變化。淺暖灰色畫布，黑白元件，一種乾淨的 UI 字體（Geist）。四處使用彈簧動畫，最多只有微小的過衝。鏡頭縮放使每個狀態填滿畫面。最後一幀是第一幀，因此形成循環。
禁止事項：彈跳緩動、粒子爆發、光暈、UI 框架上的漸層、不匹配的圖示筆畫、死時間、任何看起來像範本的內容。
</direction>

<structure>
120 BPM，7 小節，每個拍子都有動作發生。
按鈕 → 載入器 → 對勾 → 動態島 → 具有播放/暫停變形的音樂播放器 → 拖曳進度條 → 它變成音量滑桿，當拖曳超過最大值時會拉伸 → 開關在拍子上翻轉 → 旋鈕變成液態分頁指示器 → 分頁展開成自動繪製的圖表，懸停時顯示工具提示 → 它收合為 ⌘K → 輸入以篩選 → 按下 Enter → 吐司通知 → 回到按鈕。
</structure>

<build>
1. 單一 HTML 檔案，正方形 1440x1440。所有樣式均在 seek(t) 內部由時間計算得出：無 CSS 過渡，無計時器，幀之間不攜帶狀態。
2. 彈簧是閉式階躍響應。多次改變目標值的值是每次改變的一個彈簧之和，因此它保持為時間的純函數。
3. 分頁指示器的兩個邊緣遵循不同的彈簧，因此前導邊緣領先於後緣拉伸。開關旋鈕也採用相同技巧。
4. 拖曳是直接操作：當游標按住時，值由其位置計算得出。釋放時，它從當時的位置彈回。
5. 使用 numpy 分析歌曲以取得拍網格並從強拍開始。根據測量的峰值放置每個 UI 聲音。
6. 使用 Playwright 渲染：每幀 4 個子幀，使用 ffmpeg tmix 混合以在 60fps 下產生動態模糊。
7. 在完整渲染之前，每個拍子渲染一幀。修正任何脫離網格、擁擠或難以閱讀的內容。
</build>

<gotchas>
切勿將 will-change 應用於鏡頭縮放或文字渲染模糊的任何內容。在變形容器內交換的文字需要其獨立的進入和退出計時，否則會重疊。確保最後一幀與第一幀完全相同，包括游標位置和速度，否則循環會出現頓挫。
</gotchas>

<start>
向我詢問輸入參數，然後在您編寫任何程式碼之前，先在拍網格上向我展示狀態列表。
</start>

如何使用這條提示詞

1
複製上方完整的提示詞。
2
開啟支援 Claude Opus 5.5 的平台（例如 YouMind），把提示詞貼上。
3
依你的想法替換主體、風格或細節，然後生成。

這是 YouMind 提示詞庫裡的一條免費 AI 提示詞。這裡還有成千上萬條影片提示詞，都能免費複製與改用。

探索更多影片提示詞

更多來自 Claude Opus 5.5

故障風格標題動畫提示詞

在 Godot 中使用物理引擎打造逼真的沙漠模擬

@KANA｜東京AI映像

Opus 5.5 簡單圖表動畫提示詞

Three.js 機器人章魚動畫深度解析

Claude Opus 5.5 互動式摺紙鶴 Demo

@Sourany Phomhome

Claude Opus 5.5 打造的機械龍動畫

全部影片分類

01

使用場景

電影級場景展示 Vlog / 生活記錄短片音樂影片 (MV)品牌 / 產品廣告查看更多

02

風格

電影級寫實風格奇幻 / 魔法電馭叛客 / 科幻動漫復古 / 懷舊底片查看更多

03

主體

人物 / 角色運動 / 動作自然 / 風景建築 / 室內抽象 / VFX 查看更多

更多提示詞功能

AI 提示詞庫

AI 搜尋提示詞

讓 AI 幫忙搜尋數萬提示詞，支援指定模型、時間範圍、關鍵字，依互動量如曝光、收藏、轉發等排序。

視覺工具

圖片轉提示詞

把任意圖片轉成可重複使用的 AI 圖像提示詞：免費圖片轉提示詞工具自動解析構圖、風格與光線，幾秒還原同款效果。

免費圖片轉提示詞

其它提示詞功能

依模型瀏覽

GPT Image 2.5 提示詞 GPT Image 2 提示詞 Nano Banana Pro 提示詞 Seedream 4.5 提示詞 GPT Image 1.5 提示詞 Gemini 影片提示詞 Seedance 2.0 提示詞 Grok Imagine 提示詞 Gemini 3 Pro 建站提示詞

依媒介瀏覽

圖片提示詞影片提示詞 AI 建站提示詞

AI 工具

圖片轉提示詞照片提示詞 GPT Image 2 PPT

為創作者而生，永久免费。

YouMind 是受到全球創作者信賴的 AI 創作助手。這裡的每條提示詞都經過精選，幫助你更快、更好地創作。

用此 Prompt 建立網頁探索更多提示詞

工具

比較

Notion NotebookLM ChatGPT Codex GenSpark Gamma Lovart Manus MyMind Perplexity

公司

隱私權政策服務條款 Cookie 政策

© 2026 MIND MOTOR PTE. LTD.

AI Summary