Vercel Labs 发布 UI SDK 测试版:为 AI 编码代理提供 50 余种界面行为
Vercel Labs 发布开源测试版 UI SDK,提供 50 余种界面行为,供 AI 编码代理组合成 React、Vue、Svelte、Solid 与 Web Components 组件,并附带运行时桥接让代理直接操作界面。
核心事实
Vercel Labs 发布了 UI SDK,这是一个面向编码代理的开源测试版界面行为库。据其说明,该库采用 headless 设计,提供的是行为而非成品组件,代理可将这些行为组合成可访问的组件,覆盖 React、Vue、Svelte、Solid 与 Web Components。仓库包含 51 个组件模块、50 余种行为,6 个 npm 包版本均为 0.1.0-beta.1,采用 Apache-2.0 许可证。行为涵盖键盘导航、焦点、选择、关闭、弹窗、拖放及相关 ARIA 属性,核心位于 @ui-sdk/core,各框架通过轻量适配器渲染。
背景与影响
该库还提供代理接入层:页面渲染前可用 createAgent() 建立桥接,agent.snapshot() 列出组件、状态与可用操作,agent.act() 执行操作,应用可通过回调批准或拒绝。Vercel 自报在一项项目设置任务上,使用桥接的代理工具调用减少 69%、耗时从 41 秒降至 16 秒、成本下降 56%。官方同时提示该结果仅基于 1 个任务、3 次运行的中位数,且浏览器工具对照组使用了不同的组件库,应视为方向性参考。与 Radix、React Aria、Base UI、Ark UI 相比,其差异主要在代理层,即技能包、随包 llms.txt 与运行时桥接。
限制与来源
该项目仍处测试阶段,API 可能变动;对等依赖要求较严,包括 React 19+、Vue 3.5+、Svelte 5.33+、Solid 2.0.0-rc.14+。上述性能与成本数字均为 Vercel 自报,尚未获独立验证。安装方式、版本与浏览器支持请以官网及 npm 当前信息为准。本文依据 MarkTechPost 报道整理。