影片 閱讀完整提示 → Hyperframes
使用 HyperFrames HTML 建立影片合成、動畫、標題卡、疊加層、字幕、配音、音訊反應視覺效果和場景轉場。支援建構 HTML 影片內容、新增音訊同步字幕、產生文字轉語音旁白、建立音樂驅動的動畫效果（節拍同步、發光、脈衝）、新增動畫文字醒目提示（標記掃描、手繪圓圈、爆發線、塗鴉、素描）以及場景轉場效果（淡入淡出、擦除、顯示、著色器轉場）。
開源 Claude Design · 範本
HyperFrames.
HyperFrames 就緒的動畫編排 — Agent 生成的影片，融合範本提示、場景指導和品牌線索成可呈現的時間線。
總計 · 13
影片 閱讀完整提示 → 
影片 閱讀完整提示 → Hyperframes 影片
支援 Hyperframes / Remotion 的連續幀動畫，具備自動播放功能。
HyperFrames：$0 → $10K 金額計數特效 (9:16)
6秒直式 1080×1920 HyperFrames 特效片段 — Apple 風格 $0 → $10,000 計數器，帶綠色閃光、金錢粒子爆發、鈔票堆疊圖示和醒目標題。基於 HyperFrames `apple-money-count` 目錄區塊構建。
HyperFrames：12 秒應用程式展示 — 三部懸浮手機
12 秒 16:9 應用程式展示合成 — 三部 iPhone 螢幕懸浮於 3D 空間中，依次旋轉展示不同功能，配有節拍同步的標籤說明和結尾 logo 鎖定。基於 HyperFrames `app-showcase` 目錄區塊直接建構。
HyperFrames：30 秒品牌宣傳片
30 秒 16:9 HyperFrames 宣傳片——快速切換、節拍同步動態字體、音訊響應式文字縮放、五個場景間的著色器過渡、帶 logo 綻放效果的片尾卡。基於學生套件中的 aisoc-hype 原型。
HyperFrames：30秒 SaaS 產品宣傳片（Linear 風格）
30秒 HyperFrames 作品，採用 Linear/ClickUp 風格的產品展示效果——UI 3D 展示、節拍同步動態字體、動畫 UI 截圖、帶 logo 退場的結束畫面。由 HF 目錄模組建構（ui-3d-reveal、app-showcase、logo-outro）並使用著色器場景轉場。
HyperFrames：4 秒電影級 Logo 片尾
4 秒 16:9 Logo 片尾動畫——逐塊組裝文字標識，配合光暈效果、閃光掃過最終鎖定畫面、柔和顆粒疊加層和單行 CTA。基於 HyperFrames 的 `logo-outro`、`shimmer-sweep` 和 `grain-overlay` 模組建構。
HyperFrames：5秒極簡產品展示
5秒 HyperFrames 高端產品展示動畫——深色畫布、單一暖色點綴、緩慢推進標題卡、動態文字、克制運動。透過 puppeteer 從 HTML+GSAP 渲染 MP4，無需素材庫。
HyperFrames：9:16 社群媒體堆疊組合（X · Reddit · Spotify · Instagram）
15秒直立1080×1920 HyperFrames組合，在真人鏡頭循環上堆疊四張動畫社群卡片——X貼文、Reddit回應、Spotify正在播放卡片以及結尾的Instagram追蹤CTA。每張卡片都是HyperFrames目錄區塊，編排是附加價值。
HyperFrames：9:16 TikTok 真人口播配卡拉 OK 字幕
直式 1080×1920 HyperFrames 短影片 — TTS 語音旁白配真人出鏡循環畫面，帶卡拉 OK 風格逐字同步字幕、動畫下三分之一標題條，結尾附 TikTok 追蹤引導層。參照 HyperFrames 學生套件中的 may-shorts-19 原型。
HyperFrames：動態長條圖競賽（紐約時報風格）
12秒 16:9 資料資訊圖表——動態長條圖與折線圖結合，分類逐級顯示，紐約時報風格襯線標題，資料來源註腳，動態數值標籤。基於 HyperFrames `data-chart` 目錄模組建構。
HyperFrames：Apple 風格航班地圖（起點 → 終點）
8 秒 16:9 電影級航線地圖動畫——真實地形縮放，飛機沿曲線路徑從起點滑行至終點，標註城市名稱，動態距離計數器。基於 HyperFrames `nyc-paris-flight` 目錄模組建構，可複用於任意城市對。
HyperFrames：網站轉影片工具（15秒行銷片段）
15秒16:9 HyperFrames合成，在三種視口尺寸下擷取即時網站，並透過色差徑向分割在場景間製作動畫過渡。遵循hyperframes-sizzle學生套件原型，將網站作為來源素材。