用途:widgets-ui 通过 ui.inference.sh 提供声明式 UI,用 JSON 描述界面结构,在 React/Next.js 项目中渲染,把结构化智能体响应转成丰富的可交互 UI。
主要能力:支持布局(row、col、box)、排版(title、text、caption、label)、交互组件(button、input、textarea、select、checkbox)、展示组件(badge、icon、image、divider)。box 支持渐变背景(gradient-ocean、gradient-sunset、gradient-purple、gradient-cool、gradient-midnight)、padding、radius。表单可通过 asForm 开启,按钮可绑定 submit 或 click 动作。
使用方式:先安装组件,命令为 npx shadcn@latest add https://ui.inference.sh/r/widgets.json。随后从 @/registry/blocks/widgets/widget-renderer 引入 WidgetRenderer,从 @/registry/blocks/widgets/types 引入 Widget、WidgetAction 类型,构造 Widget 对象并传入 widget 属性,通过 onAction 回调处理动作与表单数据。
适用场景:需要由智能体或后端返回 JSON 动态生成表单、卡片、信息展示等交互界面的 React/Next.js 应用。
限制:资料未提供收费、价格、平台兼容范围、性能或效果数据;具体组件属性与行为以官方文档 ui.inference.sh/blocks/widgets 为准。