Vercel Labs 发布了 UI SDK，这是一个开源 beta 库，提供为编码智能体构建的界面行为。Vercel UI SDK 是一个无头库，交付的是行为，而非成品组件。智能体将这些行为组合成适用于 React、Vue、Svelte、Solid 和 Web Components 的无障碍组件。你可以通过我们的 GPULeaderboard.com Chrome 扩展查看部署选项和规格。
TL;DR
规模：50+ 种行为，仓库中有 51 个组件模块，6 个 npm 包，版本为 0.1.0-beta.1
运行环境：任何现代浏览器，无需 GPU。React 19+、Vue 3.5+、Svelte 5.33+、Solid 2 RC，或纯 Web Components
性能：在 Vercel 自己的测试中，智能体在一个设置任务上使用的工具调用减少了 69%
最佳情况：借助智能体桥接，任务时间下降了 61%，从 41 秒降至 16 秒（自报数据）
最差情况：该基准测试仅覆盖 1 个任务和 3 次运行，且 beta API 仍可能变化
什么是 Vercel UI SDK？
UI SDK 是 Vercel Labs 推出的一个 UI 行为库，智能体可将其组装成组件。README 列出了键盘导航、焦点、选择、关闭、弹窗、拖放以及它们所需的 ARIA。所有这些都位于 @ui-sdk/core 中。轻量适配器负责在各框架中渲染它。
项目网站用一个 Select 来解释这一理念。你不是把成品 Select 交给智能体，而是交给它一个弹窗、一个选择模型和 typeahead。这些相同的部件可以生成自动补全、组合框，或一个尚无人设计过的组件。
UI SDK 如何工作？
组件最初是用 definePrimitive 定义的原语。一个原语声明状态、API 和插槽。插槽将属性、事件和行为附加到 DOM 部件上。README 示例用 createFocusRecovery 构建了一个搜索框。其 Clear 按钮仅在存在文本时出现。
随后每个框架通过 createParts 渲染该原语。README 称这些部件在全部 5 个适配器中都是相同的。因此 1 个行为定义可以同时服务于 React 应用和 Svelte 应用。
交付了哪些行为？
ui-sdk.dev 上展示的行为包括：
createRovingFocus：方向键在列表中移动，只有 1 个 Tab 停靠点
createTypeahead：输入几个字母即可跳转到某一项
createPopup：在触发器旁打开并保持在屏幕内
createSelection：选择 1 个或多个，支持 Shift 和 Ctrl
createReorder、createResize、createViewport 和 createVirtualizer
文档将行为分为 10 个类别，从 Focus 和 Keys 到 Canvas。预构建组件包括 Select、Combobox、Date Picker、Menu、Tree 和 Color Picker。
智能体如何学习它？
Setup 是一段你粘贴到智能体中的提示词。它会安装这些包，并在 AGENTS.md 中添加一条说明。该说明会指引智能体查看 ui-sdk 技能以及包文档中的 llms.txt。该技能通过 npx skills add vercel-labs/ui --skill ui-sdk 安装。根据该技能的说明，没有构建步骤的页面可以从 ui-sdk.dev 加载 web.js 和 web.css。
智能体能直接操作 UI 吗？
可以，智能体文档描述了在页面渲染前通过 createAgent() 创建的桥接。agent.snapshot() 会列出组件、它们的状态和可执行的操作。agent.act() 会执行一个操作，例如用 setValue 重命名项目。应用可以传入一个 allow 回调来批准或拒绝操作。变更回调会收到 source: "agent"，并且可以取消该变更。工具也可以通过 WebMCP 在受支持的浏览器中注册。
UI SDK 基准测试：智能体桥接 vs 浏览器工具
Vercel 在 1 个项目设置任务上将其桥接与浏览器工具进行了对比。智能体重命名了一个项目，更新了成员和通知设置，然后保存。两个智能体都通过 Claude Code 使用 Sonnet，任务和系统提示词相同。数据为 3 次运行的中位数。
指标浏览器工具UI SDK + 桥接变更工具调用165-69%文本读取（字符）39.8k6.8k-83%时间41 s16 s-61%成本$0.073$0.032-56%
请将这些视为方向性参考。样本只有 1 个任务，而且浏览器工具的运行使用了不同的组件库。Vercel 没有说明 Sonnet 的版本。
部署与可用性
全部 6 个包都已发布在 npm 上，版本为 0.1.0-beta.1，发布于 2026 年 11 月 12 日，采用 Apache-2.0 许可。使用 npm install @ui-sdk/react @ui-sdk/core 安装，并按框架替换适配器。对等依赖要求严格：React 19+、Vue 3.5+、Svelte 5.33+ 和 Solid 2.0.0-rc.14+。可选的 web.css 文件为组件提供默认外观。
UI SDK 与 Radix、React Aria、Base UI 和 Ark UI 相比如何？
指标UI SDKRadix PrimitivesReact Aria ComponentsBase UIArk UI模型由智能体组合的行为无样式组件Hooks 和组件无样式组件基于 Zag.js 状态机的组件框架React、Vue、Svelte、Solid、Web ComponentsReactReactReactReact、Vue、Solid、Svelte许可证Apache-2.0MITApache-2.0MITMIT最新 npm 版本0.1.0-beta.11.8.11.22.11.9.05.40.0React peer 范围19+16.8 至 1916.8 至 1917 至 1918+智能体技能与运行时桥接是（skill、llms.txt、createAgent、WebMCP）未披露未披露未披露未披露
版本和 peer 范围来自截至 2026 年 11 月 13 日的 npm。React Aria hooks 和 Ark UI 的 Zag.js 状态机已经将行为与标记分离。UI SDK 的不同之处在于智能体层：一个 skill、捆绑的 llms.txt 以及一个运行时桥接
关键要点
50+ 种行为，1 个核心，5 个框架适配器。
智能体从行为而非模板组合组件。
createAgent 让智能体无需截图即可操作 UI 状态。
自报数据：在 1 项任务上快 61%、成本低 56%。
Beta 版本为 0.1.0-beta.1，最低要求 React 19。
查看 GitHub 仓库、文档和 npm 包。你可以通过我们的 GPULeaderboard.com chrome 扩展在此查看部署选项和规格。
另外，欢迎在 Twitter 上关注我们，别忘了加入我们 150k+ 的 ML SubReddit 并订阅我们的新闻通讯。等等！你在 Telegram 上吗？现在你也可以在 Telegram 上加入我们。
需要与我们合作推广你的 GitHub 仓库或 Hugging Face 页面或产品发布或网络研讨会等？联系我们
文章 Vercel Releases UI SDK: 50+ UI Behaviors for AI Coding Agents 首发于 MarkTechPost。