iT邦幫忙

2025 iThome 鐵人賽

DAY 28
0
Software Development

MCP的30天養成計畫系列 第 28

【Day 28】來做個簡單的機器人吧! Gradio

  • 分享至 

  • xImage
  •  

昨天我們用Claude搭MCP工具,做了一個機器人。
今天我們要加上「前端介面」,讓它能和使用者互動。


Gradio 是什麼?

Gradio是一個Python套件,可以快速建立 Web UI
常見的用途:

  • 建立聊天介面
  • 上傳檔案測試模型
  • 做一個小 demo 給大家試用

簡單範例

import gradio as gr

def chat_fn(message):
    return f"你說: {message}"

demo = gr.Interface(fn=chat_fn, inputs="text", outputs="text")
demo.launch()

只要幾行,就能跑出一個網頁聊天框!

MCP + Gradio

把昨天的Claude + MCP工具接到這個介面:

使用者輸入問題

背後丟給Claude(透過MCP工具幫忙)

再把結果回傳到網頁

這樣一來,你就有一個能公開demo的機器人。

小結

Gradio 幫我們把「機器人」變得 看得見、摸得著。
明天 (Day29),我們要再試另一種:Reflex。


上一篇
【Day 27】來做個簡單的機器人吧! Claude
下一篇
【Day 29】來做個簡單的機器人吧! Reflex
系列文
MCP的30天養成計畫30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言