LogoClawIndex
案例技能关于
LogoClawIndex

tools-ui - React/Next.js工具生命周期界面组件

显示工具调用及其状态跟踪,包括待处理、进行中、需要批准和结果

标签

更新于: 2026-02-09
UI组件reactnextjs工具生命周期人在回路审批流程状态跟踪

能力

显示工具状态显示进度指示器处理批准流程显示工具结果

典型输入

工具名称工具参数工具状态

典型输出

工具调用界面组件工具结果界面组件工具批准界面组件

该技能可以做什么

  • 显示工具状态
  • 显示进度指示器
  • 处理批准流程
  • 显示工具结果
  • 显示待处理工具调用
  • 显示运行中的工具
  • 显示批准请求
  • 显示成功结果
  • 显示错误结果

输入

  • 工具名称
  • 工具参数
  • 工具状态
  • 工具结果
  • 批准回调函数
  • React组件属性
  • CSS类名

输出

  • 工具调用界面组件
  • 工具结果界面组件
  • 工具批准界面组件
  • 样式化界面元素
  • 交互式批准界面

要求

  • React框架
  • Next.js应用
  • UI库集成
  • 工具状态跟踪
  • 批准流程支持

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。