用途:widgets-ui 用于在 React/Next.js 应用中,以声明式 JSON 结构渲染来自智能体响应或其他结构化数据的富交互 UI。
主要能力:提供 WidgetRenderer 组件,按 JSON 描述渲染界面。组件类型包括布局(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 等渐变背景。支持 asForm 表单模式,并通过 onAction 回调处理 submit、click 等动作,表单提交时回调可接收到 formData。
使用方式:先安装 belt CLI 技能:npx skills add belt-sh/cli。再用 npx shadcn@latest add https://ui.inference.sh/r/widgets.json 添加组件。然后在代码中导入 WidgetRenderer、Widget、WidgetAction 类型,传入符合 Widget 结构的 JSON 对象,并绑定 onAction 处理用户交互。
适用场景:需要根据智能体返回的结构化数据动态生成界面、快速搭建表单、信息卡片(如航班卡片示例)等场景。
限制:资料未提供收费、价格、支持平台、性能或兼容性等更多信息,暂未提供。