ReactおよびNext.jsアプリケーション向けのツールライフサイクルUIコンポーネント。

ツール UI

ReactおよびNext.jsアプリでツール呼び出し、進捗、承認リクエスト、結果をレンダリングするための、ui.inference.sh製ツールライフサイクルUIコンポーネント。

UI デザインエージェント ワークフローツール オーケストレーション
709 スター96 フォーク2026年8月24日 更新済みソースを表示

スキルの影響

測定可能な価値を持つ、集中化されたワークフロー。

スター

709

フォーク

96

更新済み

2026年8月24日

ツール UI について

ui.inference.sh による React/Next.js 用ツール ライフサイクル UI コンポーネント。ツール呼び出しの表示(保留中、進行中、承認必要、結果)。機能:ツールステータス、進捗インジケーター、承認フロー、結果表示。用途:エージェントのツール呼び出し、ヒューマン・イン・ザ・ループの承認、ツール出力の表示。トリガー:ツール ui、ツール呼び出し、ツールステータス、ツール承認、ツール結果、エージェントツール、mcp ツール ui、関数呼び出し ui、ツールライフサイクル、ツール保留中

ツール UI でできること

保留中の実行、進捗インジケーター、ヒューマン・イン・ザ・ループの承認、実行結果など、エージェントのツール ライフサイクル状態をレンダリングするための React および Next.js コンポーネントを提供します。

保留中および実行中のツール実行状態を表示する
ヒューマン・イン・ザ・ループのツール承認ゲートをレンダリングする
ツールの実行結果と出力を表示する
ツール名に基づいてアイコンを自動的に割り当てる

一般的なユースケース

01

インタラクティブな AI エージェント ユーザー インターフェイスの構築

02

ヒューマン・イン・ザ・ループによるセキュリティ承認ワークフローの実装

03

関数呼び出しおよび MCP ツールの実行のレンダリング

04

Next.js での多段階エージェントのアクションと結果の視覚化

クイックスタート

インストール コマンド

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

タグ

トピックと機能

#UI モックアップ#クリエイター ツール#ワークフロー自動化