昨天我們用Claude搭MCP工具,做了一個機器人。
今天我們要加上「前端介面」,讓它能和使用者互動。
Gradio是一個Python套件,可以快速建立 Web UI。
常見的用途:
import gradio as gr
def chat_fn(message):
return f"你說: {message}"
demo = gr.Interface(fn=chat_fn, inputs="text", outputs="text")
demo.launch()
只要幾行,就能跑出一個網頁聊天框!
把昨天的Claude + MCP工具接到這個介面:
使用者輸入問題
背後丟給Claude(透過MCP工具幫忙)
再把結果回傳到網頁
這樣一來,你就有一個能公開demo的機器人。
Gradio 幫我們把「機器人」變得 看得見、摸得著。
明天 (Day29),我們要再試另一種:Reflex。