도구 UI

React 및 Next.js 앱에서 도구 호출, 진행 상황, 승인 요청, 결과를 렌더링하기 위한 ui.inference.sh의 도구 수명 주기 UI 컴포넌트입니다.

UI 디자인에이전트 워크플로도구 오케스트레이션

709 스타96 포크2026년 8월 24일 업데이트됨소스 보기

개요 기능 빠른 시작

스킬 영향

측정 가능한 가치를 지닌 집중된 워크플로.

스타

709

포크

업데이트됨

2026년 8월 24일

도구 UI 소개

ui.inference.sh의 React/Next.js용 도구 수명 주기 UI 컴포넌트. 도구 호출 표시: 대기 중, 진행 중, 승인 필요, 결과. 기능: 도구 상태, 진행 표시기, 승인 흐름, 결과 표시. 용도: 에이전트 도구 호출 표시, 인간 참여형(human-in-the-loop) 승인, 도구 출력. 트리거: tool ui, tool calls, tool status, tool approval, tool results, agent tools, mcp tools ui, function calling ui, tool lifecycle, tool pending

도구 UI로 할 수 있는 작업

대기 중인 실행, 진행 표시기, 인간 참여형 승인, 실행 결과를 포함한 에이전트 도구 수명 주기 상태를 렌더링하기 위한 React 및 Next.js 컴포넌트를 제공합니다.

대기 중 및 실행 중인 도구 실행 상태 표시

인간 참여형 도구 승인 관문 렌더링

도구 실행 결과 및 출력 표시

도구 이름을 기반으로 아이콘 자동 할당

일반적인 사용 사례

대화형 AI 에이전트 사용자 인터페이스 구축

인간 참여형 보안 승인 워크플로 구현

함수 호출 및 MCP 도구 실행 렌더링

Next.js에서 다단계 에이전트 작업 및 결과 시각화

빠른 시작

설치 명령어

npx skills add inference-sh/skills@tools-ui