Cursor + 12306 MCP，打造AI智能选票系统，超酷的！

昨天线下活动见了米尼的孩子，说句实在的，勾起了我对家里娃的想念。

于是，我决定端午，我要回家，我要陪过度六一。

掏出手机 12306，查票、候补、买票。

开始计算着出发时间，到达家的时间，选择高铁还是硬卧，早上 6 点的车能否赶上，晚上十一点的车到家太晚会吵醒孩子，中午的车正好但往往没票。

。。。

受够了，每次都是这样，买个票，能把我瞬间变成一只哈巴狗，咧着嘴，大声喘气。

于是，我想借助 AI 打造一种新型的选票方式。

在 Cursor 中，借助 12306 MCP 就可以实现。

当把一切准备工作配置好后，我只需要对着 Cursor 的 AI 对话框，用大白话输出我的需求。

他就能给我精选出最合适的车次以及余票信息。

我想做高铁二等座，车票金额限制在 650 元以内，我大概 8 点左右出发，请帮我选择合适的列车。

那么，这个时候，Cursor 就会给我直接选出符合的车次，票价、余票等信息。

甚至，当我确定好车次，直接问问 Cursor，该车次经停的车站以及停靠时间。

然后结合高德地图 MCP，做成一个途径站点的地图标注。结合腾讯的 EdgeOne Pages MCP，一键部署成网页。

点击或者悬浮每一个途径站点上，还能显示到达时间、停车时间以及站序。

为了消磨在路上的时间，甚至可以一键让 Cursor 给做出个沿途站点介绍，包括当地的打卡景点啊、美食小吃啊什么的。

毕竟，途径相遇就是最美的缘分，虽然没来玩，但也算勉强过一把瘾。

不得不说，Claude 4 的美感是真的强，爱了爱了。

最美的风景其实在路上，所到之处皆为所爱。

当然了，甚至还加上了到站提醒服务，睡着坐过站这种事，不会再发生了。因为他真的会给打电话?

但一顿操作下来，爽是爽了，美也美了，但正经人谁会一天到晚背着个电脑玩 Cursor 啊。（除了我这个老不正经?）

所以需要更方便的方式，要能随处可用，随时可用。

简单，把这个 MCP 发布成智能体服务呗。于是我一顿捣鼓，在阿里云百炼，将 12306 作为自定义 MCP，一顿发布。

就做成了一个随时可访问的智能体应用，只需要，对话框中输入，就能获取智能选票服务，而且还能获取沿途经停站的旅游攻略简约版。

接下来，我会尝试做成一个轻应用，如果你想体验，可先评论区留言让我知道，到时优先发你。

当然了，你也可以完全后台回复：AI，到时也会更新到 AI 开源知识库.

介绍了半天，我还是想手把手教你搭建一套这样的系统，真的有手就行。（提示词也直接给）

不过这样就会显得文章稍微有点儿长了，您如果看到这会给个 zan 的吧，会的吧＼（＾ ＾）／

第一步，下载源码，本地部署，直接按照以下命令，哔哩吧哩一顿复制。

git clone https://github.com/Joooook/12306-mcp.git
cd 12306-mcp
npm run build
node ./build/index.js

记得 Cursor 中打开这个项目，出现这个样子。就代表本地已经部署成功了。

接下来在 Cursor 中配置 MCP（这里有困难的小可爱，可以翻一翻老苍何以前的文章，稍微看看就会了）

{
    "mcpServers": {
        "12306-mcp": {
            "command": "npx",
            "args": [
                "-y",
                "12306-mcp"
            ]
        }
    }
}

贴在这个地方：

完事之后，这灯就会绿了。

可以先简单测试下效果：

1、查询余票信息

5月31日从武汉飞往北京，请帮我查询一下余票信息

2、车票选择

我想做高铁二等座，车票报销金额限制在650元以内，我大概8点左右出发，请帮我选择合适的列车

3、查询列车途径站点

帮我查询下G522途径的站点

接下来是站点地图，这里我复制的予贝的提示词，并做了修改

请将G333途径站点信息嵌入到网页中，帮我生成一段高德地图JSAPI代码，
实现地图上标记出来途径的站点信息，并且以箭头图标的形式标记，
各站点需要连成线，并且鼠标放到图标上可以显示到达时间，输出为yb.html，然后将他一键部署。

要想做到一键部署，还需要配一个腾讯的 edgeone-pages-mcp-server，这玩意能直接将网页部署，然后随时可以访问。

如果不出意外的会，Cursor 会直接甩一个链接给你，毫不犹豫打开他，你就能看到这样的图。

接下来是做野兔风光网页网站，也很简单，在伟大的臧师傅的精美网页提示词的基础上，做一波改动。

帮我基于沿途站点，做一个网页，要求介绍站点的知名景点，特色美食，并按照一下要求：  
  
1.使用Bento Grid风格的视觉设计。  
2.强调超大字体或数字突出核心要点，画面中有超大视觉元素强调重点，与小元素的比例形成反差  
3.中英文混用，中文大字体粗体，英文小字作为点缀  
4.简洁的勾线图形化作为数据可视化或者配图元素  
5.运用高亮色自身透明度渐变制造科技感，但是不同高亮色不要互相渐变  
6.模仿 apple 官网的动效，向下滚动鼠标配合动效  
7.数据可以引用在线的图表组件，样式需要跟主题一致  
8.使用 Framer Motion(通过CDN引入)  
9.使用HTML5、TailwindCss 3.0+(通过CDN引入)和必要的JavaScript  
10.使用专业图标库如Font Awesome或Material lcons(通过CDN引入)  
11.避免使用emoji作为主要图标  
12.不要省略内容要点  
13、帮我导网上找一些对应的图片，放到网页对应部分，让网站看起来更好看一些  
  
然后把这个网页部署好。

一切 ok 后，直接打开链接，你就能看到这个网页了。

AI 再牛逼，解决不了我的问题，也没用。

但是在这个嘴激动的返程时刻，我用 AI 再一次

分担了我的烦扰，甚至还给了我一种旅途中的享受。

这或许是 AI 目前于我而言最大的价值了