该技能把一段屏幕录制的界面重绘为更大的动态UI，目标是适配9:16竖屏画面，让观众一眼看懂录屏中的关键步骤。
用途：原录屏裁切成竖屏后画面小而密，直接呈现不易阅读；该技能将同一时刻重绘为少量大元素并加入动效。重绘只针对应用自身屏幕，不绘制其他界面。
主要能力：保持真实应用的布局、组件种类、颜色、文字以及用户自己输入的文字，将其放大、简化并适配9:16后加入动效。可裁剪并添加静帧图片作为视觉内容。每个元素需对应静帧上的实际内容，文字、数值和状态照抄静帧，不新增录制中未出现的状态、选项或结果。每个状态需标注其对应的录制秒数，脚本拒绝没有对应秒数的状态。可在需要证明的地方把真实录屏的一帧放在重绘旁对照。
使用方式：在该技能文件夹中运行 python3 scripts/ui_beat.py <file>。不要自己摆放或打关键帧元素。输入包括：box、start、duration（节拍播放的位置与时间，单位分别为帧像素和场景秒）、style 和 font（从静帧读取应用自身颜色：canvas、surface、ink，主按钮颜色作为 accent，以及场景字体）、elements（按名称定义元素及初值）、states（按顺序列出每个屏幕，含 at 节拍秒、seen 录制秒、show 从上到下的顺序、set 从该状态起的变化、tap 触发该状态的被按元素、source 对应录制秒的静帧）。状态之间至少间隔1.5秒。脚本输出 {layers, assets, duration, states, diagnostics}，把 layers 加入场景、assets（每个缩略图是嵌套场景）加入其素材，图层不使用遮罩。需处理警告：typing_cut（气泡在文字打完前发出，需把该状态后移）、long_text（先缩短为静帧所示内容）、never_shown、no_source（无静帧可对照时需指明静帧）。无法构建的输入会以退出码1返回并指出需修复的字段。
动效规则由脚本统一处理：匹配元素沿 cubic-bezier(0.65, 0, 0.2, 1) 在0.5秒内移动到新位置，不切割不淡出；新元素在移动开始后进入，上滑60像素并淡入0.5秒，曲线为 cubic-bezier(0.16, 1, 0.3, 1)，间隔0.1秒，按显示顺序，列表行依次错开；状态移除的元素在0.3秒内向上离开；点击先于变化，被按元素在状态前0.35秒内缩放到0.92再恢复，气泡则按发送按钮；变化在该状态开始0.5秒后弹出，旧胶囊淡出，新胶囊以 accent 色按0.6、1.1、1缩放弹出；缩略图的新缩放用0.9秒推入；气泡升起后以约每字符0.045秒打字。
对照检查：按 quality-review 技能所述，在各状态的 at 加1秒处用联系表检查：每个字都大、无重叠、变化值清晰。然后把每个状态的静帧与设计帧并排比较，核对布局、组件种类、颜色和文字是否一致；修复无对应静帧或像其他应用的元素后重新构建。此检查应在视频渲染用于审阅或导出之前完成。
限制：只能重绘真实应用屏幕，不得发明UI或组件；状态文字与数值须照抄静帧；不添加录制中未出现的状态、选项或结果；不合并两个状态；无法确定的事实以资料为准，未提供的功能、收费、平台或效果暂未提供。