Using HyperFrames, make a hype teaser for the product in this post - [link]. Landscape, around 27 seconds. Match the product UI, wallpaper and copy from the post's video
Motion should feel slow and polished - one continuous camera over one Mac desktop, no hard cuts. Camera pushes, pulls and pans run like 1.5 to 3 seconds on gentle ease-in-out curves, nothing snappy - aim for half the speed you'd default to. Add motion blur on fast moves and a light film grain finish. Use an oversized macOS cursor. No audio. All on-screen copy lowercase like the post.
1. Open on a big centered line - "in the AI era, the hard part is" - entering word by word from the right with an orange colorama text wipe over it (the `colorama-wipe` registry component). Hold it about a second, then scale it down into place above a spinning list.
2. The list rotates through 30 hard things about working in the AI era - spending tokens wisely, picking the right model, managing context windows, etc - each with a real app icon. Go fast, it's not meant to be read, then land slowly on "managing your desktop". 0.2s after it lands a question mark pops on after it.
3. Pull the camera back to reveal the Mac desktop as windows pile in on top of each other, arriving from behind the camera - Claude, ChatGPT, Grok, Linear, Chrome, Spotify, Slack and Claude Code in a terminal. Build these as accurate recreations of the real apps with real icons.
4. Push back in so the windows fly past the camera, back to text - "don't make your browser / one of them".
5. Pan up to a really tight framing of just the notch and the top of the wallpaper. A cursor comes up and hovers - the notch morphs into a pill with the name "NotchBrowser", then opens into the browser panel exactly like in the video.
6. Click through the tabs like the video does, then click the collapse chevron so the panel retracts into the notch.
7. End on a checklist of the post's claims with rings and ticks drawing on
中文翻譯
使用 HyperFrames,爲這篇帖子中的產品製作一支預熱預告片——[link]。橫屏,約 27 秒。匹配帖子視頻中的產品 UI、壁紙和文案
動態應當緩慢而精緻——一個連續的鏡頭掠過同一個 Mac 桌面,沒有硬切。相機的推進、拉遠和平移大約持續 1.5 到 3 秒,採用柔和的 ease-in-out 曲線,不要有急促感——速度控制在你默認速度的一半。在快速移動處添加運動模糊,並加上輕微的膠片顆粒質感。使用超大尺寸的 macOS 光標。無音頻。所有屏幕上的文案都用小寫,與帖子一致。
1. 以一行居中的大字開場——“in the AI era, the hard part is”——從右側逐詞進入,其上掠過一道橙色的 colorama 文字擦除效果(`colorama-wipe` 註冊表組件)。停留約一秒,然後縮小並落到旋轉列表上方的位置。
2. 列表輪播 30 件在 AI 時代工作的難事——明智地使用 token、挑對模型、管理上下文窗口等——每一項都帶一個真實的 app 圖標。速度要快,它並不是給人讀的,然後緩慢停在“managing your desktop”上。停穩 0.2s 後,後面彈出一個問號。
3. 相機拉遠,露出 Mac 桌面,窗口彼此堆疊着湧進來,從相機後方飛入——Claude、ChatGPT、Grok、Linear、Chrome、Spotify、Slack,以及終端裏的 Claude Code。把這些窗口構建成真實 app 的精確復刻,並使用真實圖標。
4. 再推進回去,讓窗口從相機旁掠過,回到文字——“don't make your browser / one of them”。
5. 向上平移到只框住劉海和壁紙頂部的極緊構圖。一個光標升起並懸停——劉海形變爲一顆寫着“NotchBrowser”的膠囊,然後展開成與視頻中完全一樣的瀏覽器面板。
6. 像視頻裏那樣逐個點按標籤頁,然後點擊摺疊箭頭,讓面板收回到劉海之中。
7. 結束於帖子各項主張的清單,圓環和對勾逐個繪製出來