总结稿

视频内容

视频把 Agent Skill 解释为给 AI 编程助手安装的“专业能力包”:把提示词、脚本和参考资料封装起来,让 Agent 在命中特定任务时按一套更稳定的流程工作。重点不是模型突然学会了新知识,而是将工程经验、检查清单和工具调用方式放进可复用的任务接口。

视频逐项介绍 vercel-labs/agent-skills 中面向开发全流程的技能:

  • 性能与成本:vercel-optimize 用于定位慢接口、昂贵调用和缓存配置问题,并按优先级给出优化方向。
  • React 工程质量:react-best-practices 把性能检查组织为规则集;composition-patterns 针对 Boolean props 膨胀等问题引导组合式重构;react-view-transitions 聚焦页面切换与共享元素动画。
  • 跨维度审查:web-design-guidelines 检查无障碍、暗色模式、触屏交互等 UI 细节;writing-guidelines 检查技术文档的语气、标题、代码块与排版。
  • 移动端与发布:react-native-guidelines 提供 React Native 性能和平台适配建议;vercel-deploy-claimable 负责识别项目、部署预览并返回可认领链接。

视频给出的使用方式是:安装技能包后直接用自然语言描述需求,让支持 Agent Skills 的编程助手匹配相应 Skill。结尾同时强调边界:Skill 是“加速器”而不是“自动驾驶”;审查建议和关键修改仍需人工复核,部署前应检查敏感信息,Vercel 相关建议也未必适合所有项目。

外部核验补充

截至 2026-08-08,官方仓库 README 确实列出 8 项 Skill;其中 React Best Practices 标为“8 类、40+ 条规则”,部署 Skill 说明可检测 40+ 框架并返回 preview URL 与 claim URL,仓库标注 MIT License。以上均为会随仓库更新而变化的时间快照,详见 vercel-labs/agent-skills 官方仓库。

AI 辅助提炼

这期视频真正有价值的观点是:Skill 的作用不是替代工程判断,而是把散落在团队经验里的“怎么检查、按什么顺序检查、何时调用什么工具”变成 Agent 可重复执行的流程。它提高的是任务一致性和经验复用率,而不是保证输出天然正确。

辅助理解

视频内容:Skill 如何进入工程工作流

视频将 Skill 描述为“提示词 + 脚本 + 参考文档”的能力包。它把一个模糊请求映射到更具体的检查或执行流程:先识别任务类型,再加载领域规则,最后输出建议、修改或部署结果。

关键帧 1

flowchart LR
    A["自然语言任务"] --> B["匹配领域 Skill"]
    B --> C["加载提示词、脚本与参考资料"]
    C --> D["执行诊断或操作"]
    D --> E["输出建议、改动或链接"]
    E --> F["人工复核关键结果"]

这套机制适合规则明确、可反复检查的环节。例如 React 性能 Skill 将检查项分组并排序,比一句泛泛的“优化组件”更容易得到结构一致的结果。

关键帧 4

视频内容:八类能力可以按任务阶段理解

与其记住所有 Skill 名称,不如按任务所处阶段建立映射:

阶段典型问题视频中的 Skill
编写与重构React 性能、props 膨胀、移动端卡顿React Best Practices、Composition Patterns、React Native Guidelines
体验与表达审查无障碍、交互细节、技术文档质量Web Design Guidelines、Writing Guidelines
专项实现页面与元素过渡动画React View Transitions
运营与发布Vercel 成本、项目部署Vercel Optimization、Vercel Deploy Claimable

安装后由 Agent 根据自然语言选择技能,是视频主张的低门槛入口。

关键帧 9

外部核验补充

  • 截至 2026-08-08,官方 README 的 Available Skills 区域列出 8 项 Skill。这是仓库当时状态,不应理解为永久固定数量。官方仓库
  • React Best Practices 的官方说明是 8 类、40+ 条规则;视频对此表述得到确认。官方仓库
  • vercel-deploy-claimable 的官方说明包括自动检测 40+ 框架,并返回预览与认领链接;Next.js、Vite、Astro 是其中示例。官方仓库
  • 仓库在核验时标注 MIT License。官方仓库

AI 辅助理解:把 Skill 看成“流程资产”,而非“知识插件”

更准确的心智模型是:Skill 把组织经验编译为 Agent 可调用的流程资产。它通常包含四层:

  1. 触发条件:什么任务应该调用它;
  2. 工作步骤:先查什么、后改什么;
  3. 证据与规则:依据哪些文档、清单或项目状态;
  4. 输出约束:结果应具备什么格式、检查项和风险提示。

由此可以推导出一个评估 Skill 质量的实用标准:不要只看它能否生成答案,还要看其规则是否可追溯、流程是否可验证、失败边界是否明确、关键动作是否保留人工复核。这个结论是 AI 辅助推断,并非视频原话。

视频最后的风险页正好提醒了这种边界:平台依赖、建议的不确定性、敏感信息和版本更新都需要使用者负责。

关键帧 10

Data

增强转写稿

[00:00] 你有没有这种感觉 [00:01] AI编程助手写代码挺六 [00:04] 但一道性能优化 [00:05] 代码审查 [00:06] 部署上线这些专业活 [00:08] 就显得力不从心 [00:10] Vercel团队的答案是 [00:11] 给他装个技能包 [00:13] 今天咱们来拆解 [00:14] 这个叫Agent Skills的开源项目 [00:17] 八个官方出品技能 [00:18] 装上就让你的AI编程助手 [00:21] 变成Vercel全站专家 [00:23] 来先搞清楚Agent Skills到底是什么 [00:27] 你可以这样理解 [00:28] AI编程助手原本是个通才 [00:31] 什么都会一点,但都不精 [00:33] Agent Skills就像给手机装App [00:35] 不是你学会了新技能 [00:37] 而是手机突然有了新能力 [00:39] 每个skill是一个打包好的提示词 [00:42] 加脚本加参考文档 [00:43] AI加载后就能在特定领域 [00:46] 给出专家级建议 [00:48] 一条命令安装 [00:49] 之后你用日常语言说需求 [00:51] AI自动判断该用哪个技能 [00:54] 你根本不用关心底层逻辑 [00:56] 说句话就搞定 [00:58] 先来看头一个技能 [00:59] Vercel Optimization [01:00] 我给它起了个外号 [01:02] 叫省钱优化大师 [01:03] 每次收到Vercel账单 [01:05] 有没有心头一紧的感觉 [01:07] 这个技能就像一个精明的财务顾问 [01:10] 它会自动分析你的项目 [01:12] 哪些接口跑的慢 [01:14] 哪些函数调用太烧钱 [01:16] 哪些缓存没配好 [01:18] 然后给你一份从最重要到 [01:20] 最不重要的优化清单 [01:21] 告诉你从哪下手最划算 [01:24] 下次账单数字让你皱眉的时候 [01:26] 跑一下这个技能 [01:28] 它会帮你找到省钱的路子 [01:30] 接下来是React Best Practices [01:33] React性能军规 [01:35] 写React 组件的时候 [01:36] 你有没有过这种不安 [01:38] 我这个写法会不会有性能问题 [01:41] 这个技能内置了 [01:42] Vercel工程团队沉淀的40多条规则 [01:45] 分8个大类 [01:46] 从最关键的消除数据 [01:47] 请求瀑布流 [01:48] 到打包体积优化 [01:50] 服务端渲染 [01:51] 重渲染控制 [01:53] 就像驾校教练坐在副驾 [01:55] 你正常开车 [01:56] 但它会在你要犯错时提醒你 [01:58] 这里该减速了 [01:59] 那里该打转向灯了 [02:01] 这些规则就是 [02:02] Vercel采过的坑 [02:04] 变成的驾驶经验 [02:05] 第五个技能 [02:06] Web Design Guidelines [02:08] 我管它叫网页设计质检员 [02:10] 说实话 [02:11] 你考虑过视障用户 [02:13] 怎么用你的网站吗 [02:14] 他们靠屏幕阅读器 [02:16] 如果你的页面缺少ARIA 标签 [02:19] 他们听到的就是一片空白 [02:21] 还有暗色模式下 [02:22] 会不会亮瞎眼 [02:24] 手机上点击会 不会误触 [02:26] 这个技能用100多条规则 [02:29] 11个检查维度 [02:30] 给你的网页做一次全面体检 [02:33] 就像房子建好了 [02:34] 请验房师来检查 [02:36] 水电通不通 [02:37] 门把手好不好用 [02:38] 消防通道合不合规 [02:40] 不是说你不会建 [02:42] 是这些细节太多太杂 [02:44] 需要一个系统化的清单 [02:46] Writing Guidelines [02:47] 是技术写作规范技能 [02:49] 技术文档的质量 [02:51] 直接决定用户愿不愿意用你的产品 [02:53] 你写的文档 [02:55] 读者是真的在认真看 [02:56] 还是在硬着头皮翻 [02:58] 这个技能用 [02:59] Vercel内部写作手册的80多条规则 [03:02] 来审查你的文档 [03:03] 语气是不是主动语态 [03:05] 标题有没有描述性 [03:07] 代码块有没有标语言标签 [03:10] 它甚至会检查你 [03:11] 有没有用弯引号 [03:12] 而不是直引号 [03:14] 同时它也非常重视AI 写作伦理 [03:17] 要求你计划先行 [03:18] 披露AI参与 [03:20] 作者负最终责任 [03:22] 文档发布前 让它过一遍 [03:24] React Native Guidelines [03:26] 是移动端开发指南 [03:28] 用React写App看起来很美 [03:30] 但性能坑巨多 [03:32] 你兴冲冲用React写完一个App [03:35] 结果在安卓上卡成PPT [03:37] 在IOS上动画掉帧 [03:40] 这个技能把React Native开发中 [03:42] 16条写的教训直接灌给AI [03:45] 该用FlashList作虚拟列表 [03:47] 动画要用Reanimated引擎 [03:49] 图片用Expo Image作缓存 [03:52] 就像去陌生城市旅游前 [03:54] 拿到一份当地人写的手写攻略 [03:56] 这条街最快 [03:58] 那家店别去 [03:59] 有了它 [04:00] 你少踩一半坑 [04:02] React View Transitions [04:03] 解决的是页面切换动画问题 [04:06] 网页跳转的时候 [04:07] 刷一下出来 [04:08] 是不是太生硬了 [04:10] 这个技能封装了 [04:11] React的View Transition API [04:14] AI能直接帮你写出高级过渡动画 [04:16] 页面从右边滑进来 [04:18] 元素淡入淡出 [04:20] 列表页的图片飞到详情页 [04:22] 就像做PPT 添加切换效果 [04:25] 你只需要说 [04:26] 我要这个页面滑进来 [04:27] AI就把代码写好了 [04:30] 而且它原生支持 [04:31] Next.js App Router开箱即用 [04:34] Composition Patterns是组件设计模式技能 [04:38] 你的React 组件是不是传了十几个props [04:41] isLarge, isDisabled, isLoading, isActive [04:45] 这叫布尔值地狱 [04:46] 这个技能叫AI用组合模式 [04:49] 把拥种组件拆成优雅的小块 [04:51] 就像玩乐高 [04:52] 不是一个大整体 [04:54] 而是可以自由拼装的小零件 [04:56] 想用Card Header就拼上头 [04:59] 想加Footer就拼上脚 [05:00] 灵活得很 [05:02] 看到五个以上Boolean props的时候 [05:04] 就该让AI用这个技能帮你重构了 [05:07] Vercel Deploy Claimable [05:09] 我超喜欢这个技能 [05:11] 说一句帮我部署上线 [05:13] AI就自动打包项目 [05:15] 识别你用的是Next.js [05:17] 还是Vite还是Astro [05:19] 上传到Vercel Deploy [05:20] 几秒钟后给你一个活的网址 [05:23] 最贴心的是这个部署是可认领的 [05:26] 你可以随时把这个网站转移到自己的 [05:28] Vercel Deploy账号 [05:29] 不用担心归属问题 [05:31] 整个流程四步搞定 [05:33] 打包 识别框架 上传 返回链接 [05:37] 以前部署要折腾半天配环境 [05:39] 现在说一句话就够了 [05:41] 那怎么安装使用呢 [05:43] 三步搞定 [05:45] 头一步 打开终端 [05:46] 复制粘贴这条命令 [05:48] 第二步 AI助手自动加载全部八个技能 [05:52] 第三步 直接用日常语言下指令 [05:55] 你不需要知道每个技能叫什么名字 [05:58] 就像用遥控器 [05:59] 你不需要关心红外信号怎么编码的 [06:02] 按音量加就行 [06:04] 说一句 帮我检查 React 组件性能 [06:07] AI自动调用 React Best Practices [06:10] 说部署到线上 [06:11] AI自动调用Vercel Deploy Claimable [06:14] 所有匹配都是自动的 [06:16] 来 咱们快速过一下八个场景的对应关系 [06:20] 帮你建立条件反射 [06:22] 刚写完 React 组件想检查性能 [06:25] React Best Practices 在等你 [06:27] Vercel 帐单飙升 心理没底 [06:29] Vercel Optimization 帮你查账 [06:32] 网页做好了 想检查无障碍和暗色模式 [06:35] Web Design Guidelines 全面体检 [06:38] 技术文档写完了 不确定质量 [06:40] Writing Guidelines 逐行审查 [06:43] 做 React Native App 遇到卡顿 [06:45] React Native Guidelines 给你攻略 [06:48] 页面切换太生硬 [06:49] React View Transitions 做动画 [06:52] 组件 Props 爆炸想重构 [06:54] Composition Patterns 教你组合 [06:56] 项目好了 想上线 [06:58] Vercel Deploy Claimable 一键部署 [07:00] 从写到发 八个技能全程守护 [07:04] 最后说说注意事项 [07:05] 这些技能是加速器 而不是自动驾驶 [07:09] 先提是 你得有一个支持Agent Skills 协议的 AI 编程助手 [07:14] 部署技能依赖Vercel 平台 [07:16] 非Vercel 项目的优化建议 可能不完全适用 [07:19] 审查类技能 给出的是建议 [07:22] 关键改动 还是要人工复核 [07:24] AI 的判断 不是百分百准确的 [07:27] 部署时 注意不要把敏感信息 一起上传到Vercel 服务器 [07:32] 技能规则会跟随Vercel 实践更新 [07:34] 定期重装 能拿到新版本 [07:37] 总之 他帮你更快写出好代码 [07:39] 但不能代替你 对业务的理解 [07:42] 好 总结一下 [07:44] Vercel 把内部工程团队多年的实战经验 [07:47] 打包成了八个技能 [07:49] 从性能优化到 设计审查 [07:51] 从动画到部署 从文档到重构 [07:53] 覆盖开发全流程 [07:55] 一条命令 你的AI 助手瞬间升级 [07:58] 成Vercel 全栈专家 [08:00] 开源 MIT 协议 持续更新 [08:03] 项目地址在上面 打开终端复制那条命令 [08:07] 给你的 AI 也装个技能包吧。

原始转写稿

[00:00] 你有没有这种感觉 [00:01] AI编程助手写代码挺六 [00:04] 但一道性能优化 [00:05] 代码审查 [00:06] 部署上线这些专业活 [00:08] 就显得力不从心 [00:10] Verso团队的答案是 [00:11] 给他装个技能包 [00:13] 今天咱们来拆解 [00:14] 这个叫Agent Skills的开源项目 [00:17] 八个官方出品技能 [00:18] 装上就让你的AI编程助手 [00:21] 变成Verso全站专家 [00:23] 来先搞清楚Agent Skills到底是什么 [00:27] 你可以这样理解 [00:28] AI编程助手原本是个通财 [00:31] 什么都会一点蛋都不惊 [00:33] Agent Skills就像给手机装App [00:35] 不是你学会了新技能 [00:37] 而是手机突然有了新能力 [00:39] 每个skill是一个打包好的提示词 [00:42] 加脚本加参考文档 [00:43] AI加在后就能在特定领域 [00:46] 给出专家级建议 [00:48] 一条命令安装 [00:49] 之后你用日常语言说需求 [00:51] AI自动判断该用哪个技能 [00:54] 你根本不用关心底层逻辑 [00:56] 说句话就搞定 [00:58] 先来看头一个技能 [00:59] Versaloptimus [01:00] 我给它起了个外号 [01:02] 叫省钱优化大师 [01:03] 每次收到Versal账单 [01:05] 有没有心头意景的感觉 [01:07] 这个技能就像一个精明的财务顾问 [01:10] 它会自动分析你的项目 [01:12] 哪些接口跑的慢 [01:14] 哪些函数调用太烧钱 [01:16] 哪些缓存没配好 [01:18] 然后给你一份从最重要到 [01:20] 最不重要的优化清单 [01:21] 告诉你从哪下手最划算 [01:24] 下次账单数字让你皱眉的时候 [01:26] 跑一下这个技能 [01:28] 它会帮你找到省钱的路子 [01:30] 接下来是React Best Practices [01:33] React性能军规 [01:35] 写React组建的时候 [01:36] 你有没有过这种不安 [01:38] 我这个写法会不会有性能问题 [01:41] 这个技能内置了 [01:42] Versal工程团队沉淀的40多条规则 [01:45] 分8个大类 [01:46] 从最关键的消除数据 [01:47] 请求瀑布流 [01:48] 到打包体积优化 [01:50] 服务端渲染 [01:51] 重渲染控制 [01:53] 就像架效教练坐在副架 [01:55] 你正常开车 [01:56] 但它会在你要犯错时提醒你 [01:58] 这里该减速了 [01:59] 那里该打转向灯了 [02:01] 这些规则就是 [02:02] Versal采过的坑 [02:04] 变成的驾驶经验 [02:05] 第五个技能 [02:06] WAPDesign Guidelines [02:08] 我管它叫网页设计制检员 [02:10] 说实话 [02:11] 你考虑过市账用户 [02:13] 怎么用你的网站吗 [02:14] 他们靠屏幕越独气 [02:16] 如果你的页面缺少Orea标签 [02:19] 他们听到的就是一片空白 [02:21] 还有暗色模式下 [02:22] 会不会亮瞎眼 [02:24] 手机上点击会 不会误触 [02:26] 这个技能用100多条规则 [02:29] 11个检查维度 [02:30] 给你的网页做一次全面体检 [02:33] 就像房子建好了 [02:34] 请验房师来检查 [02:36] 水电通不通 [02:37] 门把手好不好用 [02:38] 消防通道合不合规 [02:40] 不是说你不会建 [02:42] 是这些细节太多太杂 [02:44] 需要一个系统化的清单 [02:46] Writing Guidelines [02:47] 是技术写作规范技能 [02:49] 技术文档的质量 [02:51] 直接决定用户愿不愿意用你的产品 [02:53] 你写的文档 [02:55] 读者是真的在认真看 [02:56] 还是在硬着头皮翻 [02:58] 这个技能用 [02:59] Verso内部写作手册的80多条规则 [03:02] 来审查你的文档 [03:03] 语气是不是主动语态 [03:05] 标题有没有描述性 [03:07] 代码快有没有标语言标签 [03:10] 它甚至会检查你 [03:11] 有没有用弯引号 [03:12] 而不是指引号 [03:14] 同时它也非常重视AI写作轮理 [03:17] 要求你计划先行 [03:18] 披露AI参与 [03:20] 作者负最终责任 [03:22] 文档发布前 让它过一遍 [03:24] React Native Guidelines [03:26] 是一动端开发指南 [03:28] 用React写App看起来很美 [03:30] 但性能坑俱多 [03:32] 你幸充充用React写完一个App [03:35] 结果在安卓上卡成PPT [03:37] 在IOS上动画调真 [03:40] 这个技能把React Native开发中 [03:42] 16条写的教训直接灌给AI [03:45] 该用Flashlist作虚拟列表 [03:47] 动画要用Reanimated引擎 [03:49] 图片用Expo Image作缓存 [03:52] 就像去陌生城市旅游前 [03:54] 拿到一份当地人写的手写攻略 [03:56] 这条街最快 [03:58] 那家店别去 [03:59] 有了它 [04:00] 你少踩一半坑 [04:02] React View Transitions [04:03] 解决的是页面切换动画问题 [04:06] 网页跳转的时候 [04:07] 刷一下出来 [04:08] 是不是太生硬了 [04:10] 这个技能封装了 [04:11] React的View Transition API [04:14] AI能直接帮你写出高级过渡动画 [04:16] 页面从右边滑进来 [04:18] 元素淡入淡出 [04:20] 列表页的图片飞到详情页 [04:22] 就像做PPT10+切换效果 [04:25] 你只需要说 [04:26] 我要这个页面滑进来 [04:27] AI就把代码写好了 [04:30] 而且它原生支持 [04:31] Next.js AppRotter开箱即用 [04:34] Composition Patterns是组建设计模式技能 [04:38] 你的React组建是不是传了十几个probes [04:41] List Large,List Disabled,List Loading,List Active [04:45] 这叫布尔值地域 [04:46] 这个技能叫AI用组合模式 [04:49] 把拥种组建拆成优雅的小块 [04:51] 就像玩乐膏 [04:52] 不是一个大整体 [04:54] 而是可以自由拼装的小零件 [04:56] 想用Card Header就拼上头 [04:59] 想加Footer就拼上脚 [05:00] 灵活得很 [05:02] 看到五个以上Bullion Props的时候 [05:04] 就该让AI用这个技能帮你重构了 [05:07] Verse Odeplot Claimable [05:09] 我超喜欢这个技能 [05:11] 说一句帮我不属上线 [05:13] AI就自动打包项目 [05:15] 识别你用的是Next.js [05:17] 还是Wit还是Astro [05:19] 上传到Verse Odeplot [05:20] 几秒钟后给你一个活的网址 [05:23] 最贴心的是这个部属是可认领的 [05:26] 你可以随时把这个网站转移到自己的 [05:28] Verse Odeplot账号 [05:29] 不用担心归属问题 [05:31] 整个流程四不搞定 [05:33] 打包 识别框架 上传 返回链接 [05:37] 以前部属要折腾半天配环境 [05:39] 现在说一句话就够了 [05:41] 那怎么安装使用呢 [05:43] 三不搞定 [05:45] 头一步 打开中端 [05:46] 复制粘贴这条命令 [05:48] 第二步 AI助手自动加载全部八个技能 [05:52] 第三步 直接用日常语言下指令 [05:55] 你不需要知道每个技能叫什么名字 [05:58] 就像用遥控器 [05:59] 你不需要关心红外信号怎么编码的 [06:02] 按一亮加就行 [06:04] 说一句 帮我检查 React 组建性能 [06:07] AI自动调用 React Best Practices [06:10] 说不属到线上 [06:11] AI自动调用Verse Odeplot Claimable [06:14] 所有匹配都是自动的 [06:16] 来 咱们快速过一下八个场景的对应关系 [06:20] 帮你建立条件反射 [06:22] 刚写完 React 组建想检查性能 [06:25] React Best Practices 在等你 [06:27] Verse O 帐单飙升 心理没底 [06:29] Verse Optimize 帮你查账 [06:32] 网页做好了 想检查无障碍和暗色模式 [06:35] Web Design Guidelines 全面体检 [06:38] 技术文档写完了 不确定质量 [06:40] Writing Guidelines 主行审查 [06:43] 做 React Native App 遇到卡顿 [06:45] React Native Guidelines 给你攻略 [06:48] 页面切换太声硬 [06:49] React View Transitions 做动画 [06:52] 组建 Props 爆炸想重构 [06:54] Composition Patterns 教你组合 [06:56] 项目好了 想上线 [06:58] Verse Odeplot Claimable 一键部署 [07:00] 从写到发 八个技能全程守护 [07:04] 最后说说注意事项 [07:05] 这些技能是加速器 而不是自动驾驶 [07:09] 先提是 你得有一个支持Agent Skills 协议的 AI 编程助手 [07:14] 部署技能依赖Verse O 平台 [07:16] 非Verse O 项目的优化建议 可能不完全适用 [07:19] 审查类技能 给出的是建议 [07:22] 关键改动 还是要人工复合 [07:24] AI 的判断 不是百分百准确的 [07:27] 部署时 注意不要把敏感信息 一起上传到Verse O 服务器 [07:32] 技能规则会跟随Verse O 实践更新 [07:34] 定期重装 能拿到新版本 [07:37] 总之 他帮你更快写出好代码 [07:39] 但不能代替你 对业务的理解 [07:42] 好 总结一下 [07:44] Verse O 把内部工程团队多年的实战经验 [07:47] 打包成了八个技能 [07:49] 从性能优化到 设计审查 [07:51] 从动画到部署 从文档到重构 [07:53] 覆盖开发全流程 [07:55] 一条命令 你的AI 助手瞬间升级 [07:58] 成Verse O 全战专家 [08:00] 开源 MIT 协议 持续更新 [08:03] 项目地址在上面 打开中端复制那条命令 [08:07] 给你的 AI 也装个技能包吧。

原始关键帧

关键帧 1

关键帧 1

关键帧 2

关键帧 2

关键帧 3

关键帧 3

关键帧 4

关键帧 4

关键帧 5

关键帧 5

关键帧 6

关键帧 6

关键帧 7

关键帧 7

关键帧 8

关键帧 8

关键帧 9

关键帧 9

关键帧 10

关键帧 10