gradio-app/gradio

マルチモーダル入力配列とカスケード型マルチエージェント決定ステップを表示するための迅速なプロトタイピングコンポーネント。

gradio とは?

このスキルは、Gradio アプリケーション(gradio-app/gradio)を利用して、AIエージェントのワークフローにおけるマルチモーダル入力(テキスト、画像、音声など)と、複数のエージェントが連鎖的に決定を下すカスケード型マルチエージェントシステムの可視化を迅速にプロトタイピングするためのコンポーネントを提供します。特に、複数のエージェントが段階的に処理を行う複雑なシナリオにおいて、各ステップの入出力や中間結果を直感的に表示・操作できるUIを構築する際に有用です。主にClaude CodeやCusrorなどのAIエージェント開発環境で利用され、開発者はこのスキルを使うことで、マルチエージェントシステムのデバッグやデモを効率的に行うことができます。Gradioの柔軟なコンポーネント設計を活かし、エージェントの思考過程や連携を視覚的に表現するためのテンプレートやユーティリティが含まれています。

対応~Claude Code~Codex CLI~Cursor
npx skills add gradio-app/gradio

Installed? Explore more 生産性&コラボレーション skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

gradio は何をしますか?

マルチモーダル入力配列とカスケード型マルチエージェント決定ステップを表示するための迅速なプロトタイピングコンポーネント。

このスキルは、Gradio アプリケーション(gradio-app/gradio)を使用して、AIエージェントワークフローにおいて複数のエージェントが段階的に決定を下すプロセス(カスケード型マルチエージェントシステム)の可視化とプロトタイピングを迅速に行うためのコンポーネントを提供します。

主な機能

  • マルチモーダル入力(テキスト、画像、音声、ファイルなど)の配列を表示
  • 各エージェントの決定ステップをカスケード形式で可視化
  • ステップごとの入力と出力を直感的に操作可能なUI
  • エージェント間の連携をデバッグ・デモするためのテンプレート

使用方法

import gradio as gr
from gradio_app import MultiAgentCascade

# マルチエージェントカスケードUIを作成
demo = MultiAgentCascade.create(
    agents=[agent1, agent2, agent3],
    input_types=["text", "image"],
    cascade_steps=[
        {"agent": "agent1", "input_keys": ["text"], "output_key": "step1_output"},
        {"agent": "agent2", "input_keys": ["step1_output", "image"], "output_key": "step2_output"},
        {"agent": "agent3", "input_keys": ["step2_output"], "output_key": "final_output"}
    ]
)

demo.launch()

対応プラットフォーム

  • Claude Code
  • Cursor
  • Codex

注意事項

  • コード、CLIコマンド、ファイルパス、環境変数名、URL、インラインコードスパンは翻訳せずそのまま保持します。
  • マークダウンの構造(見出し、リスト、テーブル、引用、リンク、画像、フェンス付きコードブロック)は維持します。
  • 文章(段落、リスト項目、見出し)は対象言語に翻訳します。

関連スキル