MCP太牛了!5分钟做一个旅游攻略交互网站

hi, 大家好, 我是徐小夕。

大家也知道,这段时间我一直在研究AI + 多模态办公应用,调研了很多AI的技术方案,也研究了最近比较火的MCP服务,恰巧在逛开源社区的时候发现了一款非常有价值的开源项目——MiniMax-MCP。

话不多说,先展示我使用 MiniMax-MCP 做的个性化旅游攻略网站:

上面是我用 MiniMax MCP Server 实现的一个个性化旅游攻略的网站。

真的是惊讶到我了,我只是输入想去的旅游目的地、预算、时间等信息,它就帮我生成了包含图文、语音介绍的个性化旅游攻略,最后一键帮我生成了一个旅游网站!

下面我就带大家一步步使用 MiniMax MCP Server,实现上面的效果。在开始之前,先和大家聊聊什么是 MCP。

MCP到底是什么

它的官方解释是:

MCP 是一个开放协议,它为应用程序向 LLM 提供上下文的方式进行了标准化。你可以将 MCP 想象成 AI 应用程序的 USB-C 接口。就像 USB-C 为设备连接各种外设和配件提供了标准化的方式一样,MCP 为 AI 模型连接各种数据源和工具提供了标准化的接口。

我个人使用研究下来的感触就是,它有点像我们手动配置出来的工作流,提前设定了每一步该调用哪些能力,形成一套完整的服务规则,来保证从用户输入到结果输出的全流程解决方案。

而 MiniMax 的 MCP Server,允许 MCP 客户端如Claude Desktop、Cursor、Windsurf、OpenAI Agents等生成语音、克隆声音、生成视频、生成图像等功能。

MiniMax MCP Server 已开源,大家也可从 mcp.so 首页、ModelScope MCP 广场首页直达,感兴趣的可以体验参考一下:

GitHub:https://github.com/MiniMax-AI/MiniMax-MCP

接下来我就开始实操,实现上面的旅游攻略网站的。

用MiniMax MCP Server 打造一套个性化旅游攻略网站

1. 如何配置MiniMax MCP Server

MiniMax MCP Server 支持多种 MCP客户端,如Claude Desktop、Cursor、Windsurf、OpenAI Agents,这里我使用 Cursor 给大家来介绍,其他客户端的配置都类似,并且 github 上有详细的配置介绍。

首先我们需要安装一下 Cursor , 然后在终端安装uv(Python包管理工具),需执行如下脚本:curl -LsSf https://astral.sh/uv/install.sh | sh

安装成功后,我们就可以在 Cursor 里配置 MCP 了。前往 Cursor -> Preferences -> Cursor Settings -> MCP -> Add new global MCP Server 包含以下内容:

{  "mcpServers": {    "MiniMax": {      "command": "uvx",      "args": [        "minimax-mcp"      ],      "env": {        "MINIMAX_API_KEY": "填写你的API密钥",        "MINIMAX_MCP_BASE_PATH": "本地输出目录路径,如/User/xxx/Desktop",        "MINIMAX_API_HOST": "填写API Host, https://api.minimax.chat 或 https://api.minimaxi.chat",        "MINIMAX_API_RESOURCE_MODE": "可选配置,资源生成后的提供方式, 可选项为 [url|local], 默认为 url"      }    }  }}

其中API_KEY可以在如下地址中申请:

https://platform.minimaxi.com/user-center/basic-information/interface-key

下面是我在 Cursor 中配置的案例:

配置完成之后,我们就可以轻松的使用 MiniMax MCP 服务的能力啦!目前它支持如下能力:

方法

描述

text_to_audio

使用指定音色将文本生成音频

list_voices

查询所有可用音色

voice_clone

根据指定音频文件克隆音色

generate_video

根据指定 prompt 生成视频

text_to_image

根据指定 prompt 生成图片

2. 使用 MiniMax MCP Server 实现旅游攻略网站

配置完成之后,我们在 Cursor 对话框中输入自己的需求,比如说:

接下来它就自动调用了 MiniMax MCP Server 提供的各种AI能力,帮我生成了一份图文并茂,并支持语音讲解的多模态内容:

接下来我们就来实现最后一步:让它帮我基于上面生成的内容,写一个旅游攻略网站。

AI就帮我快速生成了HTML代码,并将上面生成的多模态内容植入了网站:

我们只需要在浏览器打开这个 index.html 页面即可访问。

更多场景案例

当然 MiniMax MCP Server 的能力远不止如此,我们还可以使用它探索更多好玩实用的场景,比如:

1.做个性化个人导购网站

2. 生成图文并茂的教学课件

3. 个人点餐助手网站

总结

总之,整体体验完 MiniMax MCP Server,感觉对我目前研究的多模态业务场景非常匹配,我们使用它不仅能给生活带来便利,还能用它做一些提高工作效率的小工具,同时个人开发者和企业还能基于它的API实现自己的AI产品。

ai的不断进步赋能不同行业,让技术不再是人类长创作的门槛,如果你有好的点子和想法,欢迎评论区留言反馈~

GitHub:https://github.com/MiniMax-AI/MiniMax-MCP

国内开放平台:https://platform.minimaxi.com/login

海外开放平台:https://www.minimax.io/platform/login

后续我会在公众号和大家分享更多有价值,有意思的AI产品和技术实现,大家如果觉得有收获,记得点赞关注哈~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值