---
title: "Kinetic text teaser for a notch-dwelling browser app"
description: "A 27-second kinetic text teaser for a notch-dwelling browser app, built with canvas, SVG, GSAP and AI imagery."
canonical: "https://potto.ai/zh-Hant/videos/kinetic-text-teaser-for-a-notch-dwelling-browser-app"
language: "zh-Hant"
datePublished: "2026-09-24"
---

# Kinetic text teaser for a notch-dwelling browser app

A 27-second kinetic text teaser for a notch-dwelling browser app, built with canvas, SVG, GSAP and AI imagery.

Oversized lowercase type enters word by word with an orange colorama wipe, then scales down above a fast-spinning list of hard things about working in the AI era, landing on managing your desktop with a question mark. The camera pulls back to a Mac desktop as app windows pile in from behind the camera, then pushes in so they fly past. Motion stays slow and polished on one continuous camera with gentle ease-in-out moves, motion blur, film grain and an oversized macOS cursor.

- [動態文字](https://potto.ai/zh-Hant/videos/kinetic-type.md)
- 由 jake11moran
- 時長與比例: 0:27 · 16:9
- 製作工具: Canvas, SVG, GSAP, AI image
- 發布於 2026年9月24日
- 使用 skill 製作: [Hyperframes](https://potto.ai/zh-Hant/skills/hyperframes.md)
- 查看原片: https://x.com/jake11moran/status/2103237884564414633

## 提示詞

```text
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
```

## Kinetic text teaser for a notch-dwelling browser app 常見問題

Kinetic text teaser for a notch-dwelling browser app 的製作方式、提示詞內容，以及如何用 Potto 做出同類的 動態文字 影片。

### Kinetic text teaser for a notch-dwelling browser app 是什麼？

Kinetic text teaser for a notch-dwelling browser app 是 jake11moran 製作的 動態文字 類型 AI 動態圖形影片。 A 27-second kinetic text teaser for a notch-dwelling browser app, built with canvas, SVG, GSAP and AI imagery.

### Kinetic text teaser for a notch-dwelling browser app 是怎麼製作的？

Kinetic text teaser for a notch-dwelling browser app 使用 Canvas、SVG、GSAP和AI image 製作，屬於 Potto 上 動態文字 分類的 AI Motion Graphics 影片。

### 可以查看 Kinetic text teaser for a notch-dwelling browser app 的提示詞嗎？

可以。本頁有 Kinetic text teaser for a notch-dwelling browser app 的完整提示詞。你可以複製，或點選「使用此提示詞」，在 Potto 工作區中開啟。

### Kinetic text teaser for a notch-dwelling browser app 有多長，畫面比例是多少？

Kinetic text teaser for a notch-dwelling browser app 時長為 0:27，畫幅為 16:9。

### 我能用 Potto 做出像 Kinetic text teaser for a notch-dwelling browser app 這樣的 動態文字 影片嗎？

可以。點選「使用此提示詞」，把 Kinetic text teaser for a notch-dwelling browser app 的提示詞載入 Potto 工作區。Potto 會算繪自己的版本，匯出前你可以修改文字和風格。

### 製作 Kinetic text teaser for a notch-dwelling browser app 用的是哪個 agent skill？

Kinetic text teaser for a notch-dwelling browser app 使用 Hyperframes skill 製作。登入後點選「查看 skill」，即可免費安裝到 Claude Code、Codex 或 Cursor。

### 在哪裡觀看 Kinetic text teaser for a notch-dwelling browser app 的原片？

Kinetic text teaser for a notch-dwelling browser app 最初由創作者發布。點擊「查看原片」，即可在新分頁開啟該貼文。

### 在哪裡可以找到更多像 Kinetic text teaser for a notch-dwelling browser app 這樣的 動態文字 影片？

在 Potto 上瀏覽 動態文字 合集：85 支影片，每支都附有提示詞、規格和來源。