SuperAPI AI 工具集

widgets-ui

前端与建站

查看项目

更新于 10-15 22:37

技能介绍

用途:widgets-ui 面向 React/Next.js,通过 ui.inference.sh 提供的组件,把结构化 JSON 声明渲染为可交互的界面,适合让智能体的结构化响应直接生成丰富 UI。

主要能力:支持布局(row、col、box 及 gap、背景、内边距、圆角)、排版(title、text、caption、label)、交互元素(button、input、textarea、select、checkbox)与展示元素(badge、icon、image、divider),并提供多种渐变背景(如 gradient-ocean、gradient-sunset)。

使用方式:先安装组件,命令为 npx shadcn@latest add https://ui.inference.sh/r/widgets.json;再从 @/registry/blocks/widgets/widget-renderer 引入 WidgetRenderer,并从同一目录的 types 引入 Widget、WidgetAction 类型。通过 widget 属性传入 JSON 对象,用 onAction 回调接收交互事件,例如 (action, formData) => console.log(action, formData)。表单场景可设置 asForm: true,按钮通过 onClickAction: { type: 'submit' } 提交,回调中依据 action.type(如 submit、click)分支处理,submit 时可读取 formData。

适用场景:适合在 React/Next.js 中渲染智能体生成的动态 UI,例如航班信息卡片、联系表单等声明式界面。

限制:资料未提供收费、价格、平台兼容范围、性能与安全等说明;实际可用的组件属性、schema 细节与行为需以对应文档(Widget Schema、Component docs 等)为准,本简介未逐一列全。