发布动效 · 标题分裂v1.0.1

发布动效 · 标题分裂

标题围着两个图标徽章分开，徽章吸附成卡片组，镜头冲进产品窗口，面板飞合，推近部署面板并部署成功。把每一行文字换成你的产品文案，保留浅色简洁的蓝色发布动效风格，在本机渲染一段 10 秒的 1080p 或 4K MP4。

画面内容

标题围着两个图标徽章分开，徽章吸附成卡片组，镜头冲进产品窗口，面板飞合，推近部署面板并部署成功。 场景时长 10 秒，1920×1080，柔和的浅色背景，蓝色是唯一的强调色，Logo 保持原色。

可修改的文字

插槽	默认内容	最多字符
claim-a	Now anyone	12
claim-b	can ship	10
cluster-word	safely.	9
cluster-team	Your whole team	16
cluster-ship	No setup	10
product	Kite	10
side-label	PROJECTS	12
project-1	Harbor	14
project-2	Atlas	14
project-3	Field notes	14
project-4	Help center	14
site-name	Harbor	14
nav-1	Stays	8
nav-2	Journal	8
nav-3	Book	8
site-headline	Stay by the sea	22
stat-1	98	6
stat-1-label	Speed score	14
stat-2	0.4 s	6
stat-2-label	First load	14
stat-3	12	6
stat-3-label	Pages	14
panel-title	Deploy	12
field-1-label	Domain	12
domain	harbor.kite.app	22
field-2-label	Region	12
region-1	Singapore	10
region-2	Frankfurt	10
field-3-label	Branch	12
branch	main	16
build-label	Building	12
build-hint	Previews update on every push	32
cta	Deploy	12
headline	Ship it in one click.	24
subline	Name it, press deploy. Done.	34
toast	Harbor is live	18
toast-time	in 4.2 s	10

制作你的版本

1. 告诉 Agent 你要这个场景，并提供产品名、标题和想替换的文字。
2. Agent 用你的文字运行生成脚本，预览工程并渲染 MP4。
3. 检查开头、中段和结尾画面，若有换行别扭的句子就缩短后重新渲染。

运行要求

需要 Node.js 22 或更新版本、FFmpeg 和 HyperFrames CLI，全部在本地运行。