可能是比Lovable还好的Vibe Coding产品-MiniMax Agent体验

大家好我是歸藏(guizang),今天给大家带来 MiniMax Agent 的测试。


好几周前就知道了 MiniMax 出了一个通用 Agent 产品。

当时用我的提示词试了一下确实好。

这个 Claude 4 的发布博客转网页视觉效果丰富的同时,提供的文档内容也没有丢失。

在网页的细腻程度上不输 Lovable 了,但是一直没有进行详细的测试。

这几天试了一下发现,妈的,这才是 Vibe Coding 产品应该有的能力。

会自主查找网页中需要的信息并重新进行整理,不只是文本,图片也会找,找不到的话可以让他生成,甚至声音也能帮你生成,完全不需要复杂的资料准备直接生成就能用


法国景点介绍网页生成

我发现他支持各种 MCP,就想先让他用 MiniMax 自己的音频生成能力和谷歌地图 MCP 搞一个旅游景点介绍网站。

帮我生成一个法国旅游介绍网站,每个采用翻页形式,每个景点搭配 MiniMax 生成对应解释音频以及用 google map 生成对应地图。网页生成的要求是:

  1. 使用Aurora Gradient Hero风格的视觉设计,背景色为#FDFDFD,#161615作为高亮按钮色和文字色,# 5751D5 作为特殊高亮色
  2. 强调超大字体或数字突出核心要点,画面中有超大视觉元素强调重点,与小元素的比例形成反差
  3. 中英文混用,中文大字体粗体,英文小字作为点缀
  4. 使用Apache ECharts 5 CDN 版做简洁的勾线图形化作为数据可视化或者配图元素
  5. 运用高亮色自身透明度渐变制造科技感,但是不同高亮色不要互相渐变
  6. 模仿 apple 官网的动效(段落切屏 & 视差缩放等),向下滚动鼠标配合动效
  7. 数据可以引用在线的图表组件,样式需要跟主题一致
  8. 使用 anime.js (通过CDN引入:JsDelivr jsdelivr.com
  9. 使用HTML5、TailwindCSS 3.0+(通过CDN引入)和必要的JavaScript
  10. 使用专业图标库如Font Awesome或Material Icons(通过CDN引入)
  11. 避免使用emoji作为主要图标

直接看结果,基本上所有的信息都帮你搞好放在网页里面了,我都没要求具体要啥。

尤其是这个景点的图片找的质量都非常高,清晰图和构图都非常合适,而且还自己给文字的部分加了遮罩。

我返回去看了一下他图片搜索的步骤发现这部分显然是做过优化的,搜索的图片结果质量都非常高,而且 Agent 还会自己对图片进行挑选。

音频生成也调用 MiniMax 自家的 MCP 搞定了,而且切换景点就会自动播放。

最后没有展示谷歌地图的具体地点只是展示了一个跳转到谷歌地图的按钮。

但是我看历史版本的时候发现他是实现了地图展示的,由于不是正常的 API 嵌入的地图会有问题。

他居然会利用 browser use 工具对网页进行测试!

会挨个点击所有的网页功能,然后他发现了地图的问题,就换成了按钮跳转的方式,只能程度相当高。

知名艺术家的初见与告别网页生成

我发现他🐂🍺的图片检索和嵌入能力之后就想对他进行一个更加复杂的考验。

让他帮忙生成一个关于知名艺术家初见与告别的网页,里面会展示一些知名艺术家早期艺术作品和晚年的对比,方便大家看到这些艺术家的成长轨迹。

帮我生成一个叫初见与告别的网站,将一位艺术家生涯初期的作品与他临终前最后的作品并列展示。包括作品介绍、作品图片、创作年龄,作者介绍和作者出生年龄,网页要有艺术感。网页生成的要求是:

  1. 使用Aurora Gradient Hero风格的视觉设计,背景色为#FDFDFD,#161615作为高亮按钮色和文字色,# 5751D5 作为特殊高亮色
  2. 强调超大字体或数字突出核心要点,画面中有超大视觉元素强调重点,与小元素的比例形成反差
  3. 中英文混用,中文大字体粗体,英文小字作为点缀
  4. 使用Apache ECharts 5 CDN 版做简洁的勾线图形化作为数据可视化或者配图元素
  5. 运用高亮色自身透明度渐变制造科技感,但是不同高亮色不要互相渐变
  6. 模仿 apple 官网的动效(段落切屏 & 视差缩放等),向下滚动鼠标配合动效
  7. 数据可以引用在线的图表组件,样式需要跟主题一致
  8. 使用 anime.js (通过CDN引入:JsDelivr jsdelivr.com
  9. 使用HTML5、TailwindCSS 3.0+(通过CDN引入)和必要的JavaScript
  10. 文字引用 google Font,标题用衬线字体
  11. 使用专业图标库如Font Awesome或Material Icons(通过CDN引入)
  12. 避免使用emoji作为主要图标

第一次我把提示词写错了写成了一个艺术家,所以他就只选了一个艺术家。

结果好死不死选了梵高,梵高的艺术生涯非常短暂,不太好体现时间带给他的沉淀和变化。

但是整个网页的排版和视觉真的非常高级,而且还有数字跳动的动画。

作品对比这里更是全面,上面是时间,下面是对应的两个时间点的两幅作品,除了介绍文字之外还有作品的颜色色值,另外还有艺术特征提炼。

下面数据可视化这里先是用曲线图介绍了每一年梵高的创作数量,然后又用卡片展示了梵高每个艺术转折点,还有对应的标签,对于了解他的生平非常有帮助。

由于这里的对比比较少,于是我把上面提示词中的“一个”改成了“多个”重新生成了一个网页。

这次的视觉表现整个更顶了,这个首图的字体和渐变蒙版,简洁中又有细节。

而且可以看一下按钮的动效是加了缓动的颜色改变和投影出现的非常自然,投影还是弥散阴影。

还有下面引导鼠标滚动的那个动画,鼠标图标的滚动部分除了是主题色的渐变外还有动画,太精致了。

如果是设计师加前端搞的话这网页起码得一两天,MiniMax Agent 只需要半小时。



在艺术品展示这里它采用了,两级页面的模式,而且找到的艺术品图片和内容都是能对上的,光这一点就已经吊打很多所谓的 AI 编程 Agents 了,吹这吹那结果都没办法把图片自动放到网页里。

刚好 Lovable 最近开放了 OpenAI、Anthropic、Gemini 三个顶级模型来做比赛,我就用同样的提示词在 Lovable 试了一下,差 MiniMax 太多了

所以 MiniMax 无意间做出了一个超过 Lovable 的 AI 编程产品?

攻壳机动队的诞生和影响网页生成

最后想整个大的,完全让他自己搜索数据和内容对攻壳机动队这个对后世赛博朋克风格影响很深远的电影进行分析和介绍。

帮我生成一个全面分析和介绍攻壳机动队以及这个片子对后世影响的PPT类型网页,网页生成的要求是:

  1. 使用Bento Grid风格的视觉设计,背景色为#FDFDFD,#161615作为高亮按钮色和文字色,# 5751D5 作为特殊高亮色
  2. 强调超大字体或数字突出核心要点,画面中有超大视觉元素强调重点,与小元素的比例形成反差
  3. 中英文混用,中文大字体粗体,英文小字作为点缀
  4. 使用Apache ECharts 5 CDN 版做简洁的勾线图形化作为数据可视化或者配图元素
  5. 运用高亮色自身透明度渐变制造科技感,但是不同高亮色不要互相渐变
  6. 模仿 apple 官网的动效(段落切屏 & 视差缩放等)
  7. 数据可以引用在线的图表组件,样式需要跟主题一致
  8. 使用 anime.js (通过CDN引入)
  9. 使用HTML5、TailwindCSS 3.0+(通过CDN引入)和必要的JavaScript
  10. 文字引用 google Font,字体搭配要符合主题
  11. 使用专业图标库如Font Awesome或Material Icons(通过CDN引入)
  12. 避免使用emoji作为主要图标

生成之后他这个封面图照的很好,而且下面还有已抵达幻景市的文案,相当应景。

英文标题选了非常有赛博朋克风格的字体。

然后他先是介绍了作品的创作背景,两个非常天才的创作者电影导演押井守和漫画作者士郎正宗,这个时候的英文标题字体就更加为页面增加了一些赛博氛围。

之后分析了作品的核心主题,主要是奠定了赛博朋克高科技、低生活的作品核心,以及对人类意识的讨论。

可以说非常专业了他找的作品分析文案做参考的时候找的也很好。

之后讨论了电影带来的视觉表现理念革新,在技术上和视觉上都有。

数据这里的表现就更顶了,展示形式和图表选择都非常准确,像一个非常老练的设计师。

先是将核心数据卡片化展示,之后用折线图对比不同作品的 IMDB 评分和豆瓣评分,之后用圆点展示发布时间和评分的关系,最后用卡片展示作品的商业成就。

在之后说明这个作品对后世其他同类作品的影响,数据和分类还有战士形式都非常专业,用不同的细节但是整体保持一致性的卡片展示不同类型的影响,比如名人文案、动画、游戏、学术价值和未来科技的引导。

最后用文化价值拔高和总结,整个网页不管是从一个报告看还是从一个网页设计看都无可挑剔。

他像一个非常老练的设计师和调研专家的结合,看完你能够非常全面的了解这一作品,我用过几乎所有同类产品都无法在调研结果和展示形式上同时超越 MiniMax Agent。


目前这个产品支持免费试用,强烈建议你去试试,看看在内容检索、生成和编码上都很强之后结合起来的产品有多强大。


下面是我文档中生成的所有网页的预览链接,可以去玩玩:

攻壳机动队-赛博朋克传奇的诞生与影响:https://o9won7ukdi.space.minimax.io/

初见与告别:https://yrnh3kuv19.space.minimax.io/

探索法国景点:https://9dx12bili8.space.minimax.io/


测试和整理不易,觉得有用的话可以给个三连,感谢🙇‍


(文:归藏的AI工具箱)

发表评论