magentic-ui 使用心得

更新於 發佈於 閱讀時間約 5 分鐘

最近有看到這個項目的介紹, 來玩玩看好了

個人習慣是先看官方的github頁面

https://github.com/microsoft/magentic-ui/tree/main

Before installing, please read the pre-requisites carefully. Magentic-UI requires Docker to run, and if you are on Windows, you will need WSL2. We recommend using uv for a quicker installation. If you are using Mac or Linux, you can skip the WSL2 step.

這邊有說他需要Docker 才能run起來, 所以記得先安裝 Docker(如果你還沒有安裝的話)

python3 -m venv .venv
source .venv/bin/activate
pip install magentic-ui
# export OPENAI_API_KEY=<YOUR API KEY>
magentic ui --port 8081

安裝步驟不難, 因為是使用他事先編譯好的套件 magentic-ui ,

建議一定要用虛擬環境, 不然這個環境安裝好了, 結果其他的環境就衝突了

在windows 下, export 要改成 set , 不然就是要使用Powershell, 因為 export 是unix的語法..

當執行到 magentic ui --port 8081 的時候, 果然就報錯了

raw-image

只需要先打開docker ,

然後再執行一遍 magentic ui --port 8081

raw-image

他就可以繼續執行下去, 經過一段時間, 他終於更新完畢

raw-image

輸入 http://localhost:8081

raw-image

就可以看到這個畫面

最近剛好在研究米餅, 就輸入 我想要知道米餅的需要使用的米種

raw-image

他就會先列出他要做的步驟.. 然後你就可以針對他做的步驟看看有沒有需要修改, 有需要修改就直接在step 裡面去修改, 改好後按下 accept plan 他就會開始執行

raw-image

其實他的ai 也是用openai 的model, 預設應該是 gpt-4O , 好處是他會把步驟先列出來, 然後妳可以去檢視他的步驟, 這點應該是跟其他的ai工具比較不一樣的地方


如果想要換其他的model , 右上角有個齒輪的符號, 按下去就會跳出設定的畫面

點選左邊下面的Model Configuration , 然後按下右邊中間的 Select LLM for Clients

就可以更換模型

raw-image


也可以用 import YAML的方式

官方給了下面兩個例子

# config.yaml

######################################
# Default OpenAI model configuration #
######################################
model_config: &client
provider: autogen_ext.models.openai.OpenAIChatCompletionClient
config:
model: gpt-4o
api_key: <YOUR API KEY>
max_retries: 10

##########################
# Clients for each agent #
##########################
orchestrator_client: *client
coder_client: *client
web_surfer_client: *client
file_surfer_client: *client
action_guard_client: *client

把它存檔成 config.yaml , 記得要把 api_key 填上去

然後再執行 magentic ui , 帶上參數 --config path/to/config.yaml

這邊path/to/config.yaml 是指config.yaml 存放的路徑和檔名

magentic ui --config path/to/config.yaml 







留言
avatar-img
留言分享你的想法!
avatar-img
fuchung Chi的沙龍
0會員
3內容數
你可能也想看
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
每年4月、5月都是最多稅要繳的月份,當然大部份的人都是有機會繳到「綜合所得稅」,只是相當相當多人還不知道,原來繳給政府的稅!可以透過一些有活動的銀行信用卡或電子支付來繳,從繳費中賺一點點小確幸!就是賺個1%~2%大家也是很開心的,因為你們把沒回饋變成有回饋,就是用卡的最高境界 所得稅線上申報
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
這篇內容,將簡單介紹Asset Browser、Workspace、Inspector、Code Browser,作為入門的介面導覽。
Thumbnail
這篇內容,將教你如何安裝GameMaker,並更改語言設定。包括GameMaker的下載說明、版本說明、安裝說明、語系更改。
Thumbnail
這篇內容,將教你如何安裝GameMaker,並更改語言設定。包括GameMaker的下載說明、版本說明、安裝說明、語系更改。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
本文提供完成訂閱後的相關事項及安裝指引,包括填寫問卷、遠端開通Trading View帳號、指標安裝步驟等。另外也提供影片教學和紙本教學,以及解決安裝問題的方法。
Thumbnail
本文提供完成訂閱後的相關事項及安裝指引,包括填寫問卷、遠端開通Trading View帳號、指標安裝步驟等。另外也提供影片教學和紙本教學,以及解決安裝問題的方法。
Thumbnail
前言 現在的前端需求已經越來越高,要考慮HTML及CSS的切版美觀程度,以及React以及Flutter所提出的元件(Componet、widget)觀念,也就是將元件模組化,使元件可以更動態的被程式運行,而不用靜態的客製化每一個介面。開發一個好的元件可以提升整體的開發速度,讓任何使用元件的開發者
Thumbnail
前言 現在的前端需求已經越來越高,要考慮HTML及CSS的切版美觀程度,以及React以及Flutter所提出的元件(Componet、widget)觀念,也就是將元件模組化,使元件可以更動態的被程式運行,而不用靜態的客製化每一個介面。開發一個好的元件可以提升整體的開發速度,讓任何使用元件的開發者
Thumbnail
這是為了搭建自己想要的工作流而開始的研究工作。
Thumbnail
這是為了搭建自己想要的工作流而開始的研究工作。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News