大家好我是歸藏(guizang),今天給大家帶來 MiniMax Agent 的測試。
好幾周前就知道了 MiniMax 出了一個通用 Agent 產品。
當時用我的提示詞試了一下確實好。
這個 Claude 4 的發布博客轉網頁視覺效果豐富的同時,提供的文檔內容也沒有丟失。
在網頁的細膩程度上不輸 Lovable 了,但是一直沒有進行詳細的測試。
這幾天試了一下發現,媽的,這才是 Vibe Coding 產品應該有的能力。
會自主查找網頁中需要的信息并重新進行整理,不只是文本,圖片也會找,找不到的話可以讓他生成,甚至聲音也能幫你生成,完全不需要復雜的資料準備直接生成就能用。
法國景點介紹網頁生成
我發現他支持各種 MCP,就想先讓他用 MiniMax 自己的音頻生成能力和谷歌地圖 MCP 搞一個旅游景點介紹網站。
幫我生成一個法國旅游介紹網站,每個采用翻頁形式,每個景點搭配 MiniMax 生成對應解釋音頻以及用 google map 生成對應地圖。網頁生成的要求是:
- 使用Aurora Gradient Hero風格的視覺設計,背景色為#FDFDFD,#161615作為高亮按鈕色和文字色,# 5751D5 作為特殊高亮色
- 強調超大字體或數字突出核心要點,畫面中有超大視覺元素強調重點,與小元素的比例形成反差
- 中英文混用,中文大字體粗體,英文小字作為點綴
- 使用Apache ECharts 5 CDN 版做簡潔的勾線圖形化作為數據可視化或者配圖元素
- 運用高亮色自身透明度漸變制造科技感,但是不同高亮色不要互相漸變
- 模仿 apple 官網的動效(段落切屏 & 視差縮放等),向下滾動鼠標配合動效
- 數據可以引用在線的圖表組件,樣式需要跟主題一致
- 使用 anime.js (通過CDN引入:JsDelivr jsdelivr.com)
- 使用HTML5、TailwindCSS 3.0+(通過CDN引入)和必要的JavaScript
- 使用專業圖標庫如Font Awesome或Material Icons(通過CDN引入)
- 避免使用emoji作為主要圖標
直接看結果,基本上所有的信息都幫你搞好放在網頁里面了,我都沒要求具體要啥。
尤其是這個景點的圖片找的質量都非常高,清晰圖和構圖都非常合適,而且還自己給文字的部分加了遮罩。
我返回去看了一下他圖片搜索的步驟發現這部分顯然是做過優化的,搜索的圖片結果質量都非常高,而且 Agent 還會自己對圖片進行挑選。
音頻生成也調用 MiniMax 自家的 MCP 搞定了,而且切換景點就會自動播放。
最后沒有展示谷歌地圖的具體地點只是展示了一個跳轉到谷歌地圖的按鈕。
但是我看歷史版本的時候發現他是實現了地圖展示的,由于不是正常的 API 嵌入的地圖會有問題。
他居然會利用 browser use 工具對網頁進行測試!
會挨個點擊所有的網頁功能,然后他發現了地圖的問題,就換成了按鈕跳轉的方式,只能程度相當高。
知名藝術家的初見與告別網頁生成
我發現他的圖片檢索和嵌入能力之后就想對他進行一個更加復雜的考驗。
讓他幫忙生成一個關于知名藝術家初見與告別的網頁,里面會展示一些知名藝術家早期藝術作品和晚年的對比,方便大家看到這些藝術家的成長軌跡。
幫我生成一個叫初見與告別的網站,將一位藝術家生涯初期的作品與他臨終前最后的作品并列展示。包括作品介紹、作品圖片、創作年齡,作者介紹和作者出生年齡,網頁要有藝術感。網頁生成的要求是:
- 使用Aurora Gradient Hero風格的視覺設計,背景色為#FDFDFD,#161615作為高亮按鈕色和文字色,# 5751D5 作為特殊高亮色
- 強調超大字體或數字突出核心要點,畫面中有超大視覺元素強調重點,與小元素的比例形成反差
- 中英文混用,中文大字體粗體,英文小字作為點綴
- 使用Apache ECharts 5 CDN 版做簡潔的勾線圖形化作為數據可視化或者配圖元素
- 運用高亮色自身透明度漸變制造科技感,但是不同高亮色不要互相漸變
- 模仿 apple 官網的動效(段落切屏 & 視差縮放等),向下滾動鼠標配合動效
- 數據可以引用在線的圖表組件,樣式需要跟主題一致
- 使用 anime.js (通過CDN引入:JsDelivr jsdelivr.com)
- 使用HTML5、TailwindCSS 3.0+(通過CDN引入)和必要的JavaScript
- 文字引用 google Font,標題用襯線字體
- 使用專業圖標庫如Font Awesome或Material Icons(通過CDN引入)
- 避免使用emoji作為主要圖標
第一次我把提示詞寫錯了寫成了一個藝術家,所以他就只選了一個藝術家。
結果好死不死選了梵高,梵高的藝術生涯非常短暫,不太好體現時間帶給他的沉淀和變化。
但是整個網頁的排版和視覺真的非常高級,而且還有數字跳動的動畫。
作品對比這里更是全面,上面是時間,下面是對應的兩個時間點的兩幅作品,除了介紹文字之外還有作品的顏色色值,另外還有藝術特征提煉。
下面數據可視化這里先是用曲線圖介紹了每一年梵高的創作數量,然后又用卡片展示了梵高每個藝術轉折點,還有對應的標簽,對于了解他的生平非常有幫助。
由于這里的對比比較少,于是我把上面提示詞中的“一個”改成了“多個”重新生成了一個網頁。
這次的視覺表現整個更頂了,這個首圖的字體和漸變蒙版,簡潔中又有細節。
而且可以看一下按鈕的動效是加了緩動的顏色改變和投影出現的非常自然,投影還是彌散陰影。
還有下面引導鼠標滾動的那個動畫,鼠標圖標的滾動部分除了是主題色的漸變外還有動畫,太精致了。
如果是設計師加前端搞的話這網頁起碼得一兩天,MiniMax Agent 只需要半小時。
在藝術品展示這里它采用了,兩級頁面的模式,而且找到的藝術品圖片和內容都是能對上的,光這一點就已經吊打很多所謂的 AI 編程 Agents 了,吹這吹那結果都沒辦法把圖片自動放到網頁里。
剛好 Lovable 最近開放了 OpenAI、Anthropic、Gemini 三個頂級模型來做比賽,我就用同樣的提示詞在 Lovable 試了一下,差 MiniMax 太多了。
所以 MiniMax 無意間做出了一個超過 Lovable 的 AI 編程產品?
攻殼機動隊的誕生和影響網頁生成
最后想整個大的,完全讓他自己搜索數據和內容對攻殼機動隊這個對后世賽博朋克風格影響很深遠的電影進行分析和介紹。
幫我生成一個全面分析和介紹攻殼機動隊以及這個片子對后世影響的PPT類型網頁,網頁生成的要求是:
- 使用Bento Grid風格的視覺設計,背景色為#FDFDFD,#161615作為高亮按鈕色和文字色,# 5751D5 作為特殊高亮色
- 強調超大字體或數字突出核心要點,畫面中有超大視覺元素強調重點,與小元素的比例形成反差
- 中英文混用,中文大字體粗體,英文小字作為點綴
- 使用Apache ECharts 5 CDN 版做簡潔的勾線圖形化作為數據可視化或者配圖元素
- 運用高亮色自身透明度漸變制造科技感,但是不同高亮色不要互相漸變
- 模仿 apple 官網的動效(段落切屏 & 視差縮放等)
- 數據可以引用在線的圖表組件,樣式需要跟主題一致
- 使用 anime.js (通過CDN引入)
- 使用HTML5、TailwindCSS 3.0+(通過CDN引入)和必要的JavaScript
- 文字引用 google Font,字體搭配要符合主題
- 使用專業圖標庫如Font Awesome或Material Icons(通過CDN引入)
- 避免使用emoji作為主要圖標
生成之后他這個封面圖照的很好,而且下面還有已抵達幻景市的文案,相當應景。
英文標題選了非常有賽博朋克風格的字體。
然后他先是介紹了作品的創作背景,兩個非常天才的創作者電影導演押井守和漫畫作者士郎正宗,這個時候的英文標題字體就更加為頁面增加了一些賽博氛圍。
之后分析了作品的核心主題,主要是奠定了賽博朋克高科技、低生活的作品核心,以及對人類意識的討論。
可以說非常專業了他找的作品分析文案做參考的時候找的也很好。
之后討論了電影帶來的視覺表現理念革新,在技術上和視覺上都有。
數據這里的表現就更頂了,展示形式和圖表選擇都非常準確,像一個非常老練的設計師。
先是將核心數據卡片化展示,之后用折線圖對比不同作品的 IMDB 評分和豆瓣評分,之后用圓點展示發布時間和評分的關系,最后用卡片展示作品的商業成就。
在之后說明這個作品對后世其他同類作品的影響,數據和分類還有戰士形式都非常專業,用不同的細節但是整體保持一致性的卡片展示不同類型的影響,比如名人文案、動畫、游戲、學術價值和未來科技的引導。
最后用文化價值拔高和總結,整個網頁不管是從一個報告看還是從一個網頁設計看都無可挑剔。
他像一個非常老練的設計師和調研專家的結合,看完你能夠非常全面的了解這一作品,我用過幾乎所有同類產品都無法在調研結果和展示形式上同時超越 MiniMax Agent。
目前這個產品支持免費試用,強烈建議你去試試,看看在內容檢索、生成和編碼上都很強之后結合起來的產品有多強大。
下面是我文檔中生成的所有網頁的預覽鏈接,可以去玩玩:
攻殼機動隊-賽博朋克傳奇的誕生與影響:https://o9won7ukdi.space.minimax.io/
初見與告別:https://yrnh3kuv19.space.minimax.io/
探索法國景點:https://9dx12bili8.space.minimax.io/
測試和整理不易,覺得有用的話可以給個三連,感謝?
特別聲明:以上內容(如有圖片或視頻亦包括在內)為自媒體平臺“網易號”用戶上傳并發布,本平臺僅提供信息存儲服務。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.