Vercel 于周四(12 日)推出了 UI SDK,这是一个开源库,目前处于公开测试阶段。它为 AI 智能体提供界面行为(behaviors),而非现成组件,让智能体可以组装项目所需的组件。该项目由 shadcn/ui 的作者 shadcn 与 Shu Ding 创建,代码已在 GitHub 上以 Apache 2.0 许可证开源。
官方网站用一个例子解释了这一思路:与其给智能体一个现成的 Select 组件,不如给它构成 Select 的零件——弹窗(createPopup)、选择逻辑(createSelection)和输入查找(createTypeahead)。用同样的零件,智能体还可以构建自动补全、下拉组合框,甚至是尚未有人设计过的组件。
50 多种行为,五大框架
UI SDK 汇集了 50 多种行为,包括键盘导航、焦点管理、选择、弹窗、拖放、尺寸调整、画布平移缩放、虚拟化列表与屏幕阅读器支持。它们适用于 React、Vue、Svelte、Solid 与 Web Components,适配器位于 @ui-sdk/core 包中。项目还附带了一个入门组件库,所有组件均由相同的行为构成。使用时只需安装相关包,并为智能体添加 UI SDK 技能。
既能构建,也能操作界面
除了构建,智能体还会使用自己构建的成果:一个智能体桥(agent bridge)让它们直接读取页面并操作控件,无需截图。据 Vercel 称,这使智能体的速度提升两倍以上,成本不到一半——这是公司自己的数据,未经独立验证。该仓库在发布当天就在 GitHub 上突破了 1000 颗星。
如何开始
要使用 UI SDK,请安装对应框架的包——例如 npm install @ui-sdk/react @ui-sdk/core——并通过 npx skills add vercel-labs/ui --skill ui-sdk 为智能体添加技能。此后,智能体会选择所需的行为,在项目框架中组装组件,并已内置键盘导航与屏幕阅读器支持。
图片:UI SDK 官方标识。来源:Vercel(ui-sdk.dev)。
来源
本文在人工智能的协助下完成,并对照了 X 上的公开帖文与互联网来源。请以原始来源核实相关信息。
作者:Muse