tools-ui - Tool Lifecycle UI Components for React/Next.js
Display tool calls with status tracking including pending, progress, approval required, and results
Tags
Updated: 2026-02-09Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Display tool status
- Show progress indicators
- Handle approval flows
- Present tool results
- Show pending tool calls
- Show running tools
- Show approval requests
- Show success results
- Show error results
Inputs
- Tool name
- Tool arguments
- Tool status
- Tool result
- Approval callbacks
- React component props
- CSS class names
Outputs
- Tool call UI component
- Tool result UI component
- Tool approval UI component
- Styled UI elements
- Interactive approval interface
Requirements
- React framework
- Next.js application
- UI library integration
- Tool status tracking
- Approval flow support