2025年6月23日 星期一

AI 代理人 Manus 試用體驗 (三): 檢討與展望

AI 代理人 Manus 試用體驗 (三): 檢討與展望

AI 代理人互動 (GPT-4o 生成) 

Manus 賦能 (Manus 提供)

Manus 執行過程 (Manus 提供)

從接受短短一行指令, Manus 即開始搜尋網路資料,加以整理,約二十分鐘後,備妥一份履歷表或架設好一個人網頁,讓人驚嘆,在使用過程中漸了解其運作,也發現一些對非專家使用可改善的地方。


以架設網頁為例,Manus 從上網搜尋相關資訊,一一敘述逐步採取動作:
瀏覽清華大學材料科學工程學系網頁,搜集本人的學術背景和經歷,依此整理個人資訊。
接著設計網頁架構和內容規劃。搜尋清華大學校園、材料科學、電子顯微鏡相關圖片。
建立網站專案目錄結構。複製選定的圖片到網站資源目錄。
建立React應用程式。複製圖片資源到React專案。(註: React是一個自由及開放原始碼的前端JavaScript工具庫)
讀取HTML模板檔案。
更新網頁標題。
讀取App. 更新CSS樣式,加入清華紫色主題和自定義樣式。(註: CSS 即 cascading style sheets (層疊樣式表) 的縮寫,是一種用來控制網頁外觀和版面的樣式表語言 )
建立主要的React應用程式組件。
啟動並檢查開發伺服器狀態。
檢查Vite進程是否運行。(註: Vite 是一種新型前端構建工具,能夠顯著提升前端開發體驗)
開啟本地開發伺服器測試網頁。向下滾動查看網頁其他部分,如學術經歷、研究領域部分。
測試導航功能 - 點擊研究領域、聯絡資訊按鈕。
建置生產版本。
Manus 正在嘗試將位於 /home/ubuntu/professor_website/professor-chen-website 的服務部署到公眾網路上。請點擊按鈕確認您是否同意。
經允許Manus公開部署該網站,接著部署網站到公開網路。
測試部署的網站。
最後告知個人網頁已經成功製作完成並部署上線!

一旁並說明網頁設計規劃
網頁架構設計
首頁 (Home)
英雄區塊 (Hero Section)、專業照片、姓名和主要職稱、簡短的介紹標語以及聯絡按鈕。
一、個人簡介: 學術背景、研究專長概述
二、學術經歷 (Academic Experience): 教育背景、學位資訊、畢業院校、職業經歷
按時間順序排列的重要職位: 行政職務、學術職位
三、研究領域 (Research)
研究專長: 低維奈米材料合成與應用、電子顯微鏡學、表面原子結構
四、授課領域
課程列表、教學專長
五、榮譽獎項 (Honors & Awards)
校內榮譽、學術獎項、專業認可
六、聯絡資訊 (Contact)
辦公室資訊、實驗室資訊 (聯絡方式)
另有學術合作、學生指導

同時說明設計風格
色彩方案: 以清華大學紫色為主色調,搭配白色和灰色
字體: 中文使用思源黑體,英文使用 Inter 或 Roboto
佈局: 響應式設計,支援桌面和行動裝置
動畫: 平滑的滾動動畫和懸停效果

技術規格
框架: React.js
樣式: CSS3 + Flexbox/Grid
響應式: Mobile-first 設計
動畫: CSS transitions 和 transforms
圖片: 優化的 WebP 格式

內容區塊詳細規劃
Hero Section
背景: 漸層或清華校園圖片
標題: "陳力俊教授"
副標題: "清華特聘研究講座教授兼台灣聯合大學系統校長"
描述: "材料科學領域的傑出學者與教育家"

About Section
個人照片 (左側)
文字介紹 (右側)
關鍵成就數字 (年資、論文數量等)

Experience Timeline
垂直時間軸設計
每個職位包含機構、職稱、時間
重要職位突出顯示

Research Areas
卡片式佈局
每個研究領域一張卡片
包含圖示和簡短描述

Contact Section
聯絡表單
辦公室地圖
社交媒體連結

因此過程透明,雖有用到一些軟體程式,但不需用戶操心。另一方面,要修改則需另下指令,較不方便。曾嘗試請其賦予自行修改功能,回應如下:
Manus: 這個網頁目前部署在一個臨時網址上。如果您需要自行修改網頁內容,我可以將網頁的原始碼提供給您。這樣您就可以在本地進行修改,並自行部署到您選擇的伺服器上。請問您需要我提供原始碼嗎?
Prompt: 是
Manus: 這是您個人網頁的原始碼壓縮檔,您可以下載後在本地進行修改和部署。
下載後發現並非直接可用,可能是Manus 要改善的地方。

親身體驗設個人網頁的經驗,Manus 費時約二十分鐘,即擬就初稿,如果換人類助理,在僅提供個人身分資料的情況下,完成類似任務,恐怕要花十倍以上時間。

其它很可能會用到的AI 代理人,包括在日常中規劃旅遊,並完成訂餐與訂票等任務,學生選課、秘書協調會議時間、企業客服等。

同時有專家提及並不難想像的是撰寫研究報告、財務處理帳務,或者替採購詢價、醫療診斷、審核法律文件等。

沒有留言:

張貼留言