UI动态图形（产品屏幕录制风格），16:9，约7.3秒。一个 移动应用线框图构建器的演示：一张黑色标题卡，然后是一个扁平、高调的浅灰色工作区，积木块被逐个添加到手机画布上。配色：工作区/界面框架浅灰色 #F0F0F0，稍深的面板/菜单 #E8E8E8，近黑色主文字 #1A1A1A，柔和灰色次要标签 #A4A4A1，白色画布 #FFFFFF，以及一个仅用于主按钮和活动/选中项的亮柠檬黄强调色 #E4E41B。
关键——镜头：标题卡之后画面是一个锁定的、扁平的、正对屏幕的屏幕录制。取景和比例全程恒定——没有任何形式的镜头移动（无缩放、无推近、无平移）。所有运动仅在元素层面：指针光标、瞬时面板切换，以及填充画布的积木块。（忽略任何“推近”的错觉——画面不缩放。）
场景 1——标题卡（0.0–约0.9秒）：纯黑画布 #000000。居中的粗体白色 #FFFFFF 无衬线文字显示“Rapid wireframing”。它短暂停留，然后一个硬切（无淡入淡出）显现出UI。静态。
场景 2——编辑器基础状态（约0.9–2.0秒）：浅灰色工作区。左侧边栏，从上到下：“Now editing” / “First screen”；一行“Status”，带一个小红点 + “to be done”；然后是一个按顺序列出块类型菜单的垂直列表——Text、Button、Line、Spacer、Icon(s)、Gallery、Placeholder、Input、Controls、Navigation、Cards——每项带一个小的单色图标。中央：一个空白白色手机比例（竖长）画布。右下角：“Discard changes”链接 + 一个柠檬黄“Save and exit”按钮。运动：硬切时整个UI已全部呈现；指针光标向块菜单移动。无缩放。
场景 3——添加Spacer（约2.0–3.5秒）：光标点击“Spacer”。画布中出现一个虚线间隔块（带有淡淡的“Press Enter/return to add a new block”提示）。右侧设置面板切入，显示“Spacer block settings”，带有尺寸选项XS S M L XL（一个小尺寸被选中/以柠檬黄高亮）。运动：右侧面板内容硬切换（无缓动）；块弹入画布。无缩放。
场景 4——添加媒体/图片占位符（约3.5–5.0秒）：光标回到菜单，选择图片块（“Placeholder” / “Media”）。一个大的方形浅灰色图片占位符（带波浪状图片图标）弹入画布中间隔块下方的位置。右侧面板切换为“Media block settings”，显示布局缩略图，其中“Image placeholder”被选中。运动：瞬时切换 + 弹入，由光标驱动。无缩放（取景已锁定——此处切勿缩放画面）。
场景 5——添加Text（约5.0–7.3秒）：光标选择“Text”（该菜单项以柠檬黄高亮）。画布中添加一个文本块：它先显示占位符“Write something down…”，然后一个标题逐字自动键入（例如“Welcome!”）。右侧面板切换为“Text block settings”，带文本输入框、格式化控件（B / I / U + 对齐）和一个柠檬黄“Generate text”按钮。运动：文本自动键入到画布上；面板硬切换。剪辑在此状态结束。无缩放。
运动总结：黑色标题卡 → 硬切 → 线框图构建器的锁定、正对的屏幕录制。指针光标驱动每一个动作：在左侧菜单中选择一个块类型 → 块弹入居中的白色手机画布 → 右侧设置面板硬切换为与之匹配（Spacer → Media → Text）。文本自动键入。每个过渡都是瞬时硬切/切换，无缓动，镜头从不移动，画面从不缩放——全程扁平、静态、正对屏幕。