1 这是什么工具?
这是一套 AI 辅助行程设计系统,由龙途AI Lab开发。你只需用自然语言告诉 AI 你想去哪、玩什么,它就会自动帮你:
渐进式构建行程
AI 按时间顺序逐条添加活动,页面实时刷新,你可以看到行程一步步被"搭建"出来。
自动查询 POI 信息
每个景点、餐厅自动查询 Google Maps,获取坐标、照片、营业时间、评分等信息。
交互式地图联动
行程中的每个地点自动标注在 Mapbox 地图上,带编号标记和路线连线,支持按天筛选。
自然语言驱动
不需要手动排版——告诉 AI "帮我安排三天成都美食之旅",剩下的交给它。
移动端友好
生成的行程页面响应式设计,手机、平板、电脑都能完美展示,可直接分享链接。
Markdown 存储
行程数据以结构化 Markdown 存储,方便二次编辑,也可导出用于其他场景。
深度目的地知识
AI 不只查地图——它了解哪些活动值得优先安排、城市之间如何合理串联、每天节奏如何把握,规划水平媲美资深顾问。
随时可编辑
行程生成后可直接在页面编辑——调整顺序、修改内容;也可以告诉 AI "把第三天换成轻松一点的安排",它会实时更新行程。
二维码即时分享
每个行程自动生成专属二维码,客户扫码即可在手机上查看完整的交互式行程——无需注册,无需下载 App。
专属 PDF 下载
一键导出精美 PDF,封面支持个性化定制——机构名称、客户致辞、顾问签名——让每份行程都像一份高端礼物。
2 什么是 AI 智能体(Agent)?
AI 智能体是一种运行在你电脑上的智能助手软件。它能理解自然语言,并通过工具执行实际操作——比如创建文件、调用 API 接口、操作浏览器等。
关键概念:MCP(Model Context Protocol)是一个标准协议,让 AI 智能体可以安全地调用外部工具。我们的行程服务器就是一个 MCP 服务器,AI 通过它来创建行程、添加活动、查询 POI。
- 我需要什么样的 AI 智能体?
- 你需要一个支持 MCP 协议的 AI 智能体客户端。目前已支持的包括:
| 客户端 | 平台 | 说明 |
|---|---|---|
| OpenClaw | Windows / Mac | 独立桌面 AI Agent 应用,内置 MCP 支持 |
| OpenCowork | Windows / Mac | 独立桌面 AI Agent 应用,内置 MCP 支持 |
| Workbuddy | Windows / Mac | 独立桌面 AI Agent 应用,内置 MCP 支持 |
| VS Code + GitHub Copilot | Windows / Mac / Linux | 在 VS Code 编辑器中使用 Copilot Chat,配合 Skill 文件获得最佳效果 |
| Claude Desktop | Windows / Mac | Anthropic 官方桌面客户端,支持 MCP 配置 |
| Cursor | Windows / Mac / Linux | AI 优先的代码编辑器,内置 MCP 支持 |
3 快速上手
简单几步配置,即可开始用 AI 生成行程。
第一步:配置 MCP 服务器连接
在你的 AI 智能体中添加以下 MCP 配置,告诉它如何连接行程服务器。需要先从管理员处获取 API Token。
VS Code / GitHub Copilot
在项目根目录创建或编辑 .vscode/mcp.json:
{
"servers": {
"trip-builder": {
"type": "http",
"url": "http://trips.longtu.live/mcp",
"headers": {
"Authorization": "Bearer tok_你的token"
}
}
}
}
Claude Desktop / OpenClaw / Cursor
在 MCP 配置文件中添加(通常是 claude_desktop_config.json 或设置界面):
{
"mcpServers": {
"trip-builder": {
"type": "http",
"url": "http://trips.longtu.live/mcp",
"headers": {
"Authorization": "Bearer tok_你的token"
}
}
}
}
第二步:配置 Chrome DevTools MCP(推荐)
为了获得最佳体验,建议配置 Chrome DevTools MCP,让 AI 智能体可以直接控制浏览器——自动打开行程预览页、实时截图查看效果,无需你手动操作。
VS Code / GitHub Copilot
在 .vscode/mcp.json 的 servers 中添加:
{
"servers": {
"trip-builder": { // ... 上一步已配置 },
"chrome-devtools": {
"type": "stdio",
"command": "npx",
"args": ["chrome-devtools-mcp@latest"]
}
}
}
Claude Desktop / Cursor
{
"mcpServers": {
"trip-builder": { // ... 上一步已配置 },
"chrome-devtools": {
"command": "npx",
"args": ["chrome-devtools-mcp@latest"]
}
}
}
- 没有 Chrome DevTools MCP 也没关系
- 这一步是可选的。如果你跳过此配置,AI 会在聊天中提供行程预览链接,你只需按照提示手动在浏览器中打开即可——功能完全一样,只是少了自动打开和截图的便利。
第三步:安装 Skill 技能文件(推荐,仅限 VS Code)
Skill 文件教 AI 如何高效使用行程工具——控制节奏、安排 POI、调用实时预览。安装后 AI 的行程质量会显著提升。
- 安装方法
- 1. 下载下方的 Skill 压缩包
- 2. 解压后将
.github/skills/trips-with-devtools/文件夹放到你的项目根目录 - 3. VS Code 会自动识别并加载 Skill
第四步:对话即创作
打开 AI 聊天窗口,用自然语言描述你想要的行程:
// 示例提示词:
帮我安排一个三天两夜的成都之旅,
以美食和文化为主题,节奏轻松一些。
第一天想去宽窄巷子和锦里,
第二天想看大熊猫。
AI 会自动打开浏览器预览页面,然后逐步构建完整行程,你可以实时观看进度。
4 工作原理
了解幕后发生了什么,帮助你更好地与 AI 协作。
MCP 工具一览
| 工具 | 功能 |
|---|---|
trip_create | 创建新行程——设置标题、日期、目的地、旅行贴士 |
trip_add_day | 添加一天——设置天数编号、名称、当日概述 |
trip_add_activity | 添加活动——时间、标题、类型、描述、POI 名称 |
trip_complete | 标记行程完成——触发尾部旅行贴士渲染 |
trip_get | 读取行程数据——查看当前构建状态 |
trip_get_day | 读取某一天的详细数据——供 AI 编辑时参考 |
trip_rewrite_day | 重写某一天的内容——AI 编辑行程的核心工具 |
trip_get_data_format | 获取数据格式说明文档 |
渐进式实时预览
行程页面通过 SSE(Server-Sent Events) 与服务器保持长连接。每当 AI 调用一次工具,服务器会推送一条事件,页面立即渲染新内容:
- 事件流程
trip_create→ 页面显示标题和描述trip_add_day→ 新增一天的面板trip_add_activity→ 活动卡片滑入 + 地图标记更新- POI 解析完成 → 自动填充照片、评分、营业时间
trip_complete→ 渲染行程贴士尾注
POI 自动查询
当 AI 提供 poi_name(如"清晖园"、"猪肉婆私房菜"),服务器会自动通过地图服务提供商 API 查询:
- 精确 GPS 坐标(用于地图标记)
- 场所照片(展示在活动卡片中)
- 评分与评论数
- 营业时间
- 电话和地址
目的地深度知识
对于带有内置知识库的目的地,AI 在规划时拥有远超地图搜索的能力:
- 按优先级推荐活动——知道哪些体验值得专程前往、哪些可选
- 理解城市间的合理串联顺序,避免跑冤枉路
- 把握每日节奏,根据景点密度和交通时间自动分配天数
- 内置当地限制与注意事项(旺季拥挤、预约要求等)
目的地知识库持续扩充,AI 规划质量也随之不断提升。
行程编辑
行程生成后,你有两种方式修改它:
- 页面直接编辑
- 在行程预览页点击编辑图标,可以直接修改文字、调整活动顺序——无需重新生成。
- AI 对话编辑
- 将行程链接发给 AI,直接用自然语言说"把第二天改成轻松模式"或"第三天加一个下午茶"——AI 通过
trip_get_day读取当天数据,用trip_rewrite_day实时更新,页面立即反映变化。
分享与导出
行程完成后有多种方式交付给客户:
- 二维码分享
- 每个行程自动生成专属二维码。客户扫码即可在手机上浏览完整的交互式行程,包含地图、照片、评分——无需注册,无需下载 App。可设置访问令牌保护私密行程。
- 个性化 PDF
- 一键导出高清 PDF,封面支持定制:机构/公司名称、客户姓名与专属致辞、顾问签名与联系方式,并内嵌行程二维码——每份打印出来都像高端旅行礼物。
5 使用技巧
推荐做法
- 明确说出目的地、天数、主题
- 提前说明必去的景点或餐厅
- 告诉 AI 旅行节奏(紧凑/休闲)
- 让 AI 先规划再开始构建
- 构建过程中可以实时观看预览
- 生成完成后可直接让 AI 修改行程——分享行程链接并描述想改什么
- 为客户生成 PDF 时,填写封面信息让行程更专业
避免事项
- 不要直接编辑 .md 文件
- 不要同时让 AI 构建多个行程
- 不需要给 AI 具体的 JSON 或格式要求
- 不要中途频繁刷新预览页面
- 不要手动设置 POI 坐标数据
- 注意事项
- 本工具为演示系统,行程数据保存在服务器内存中,服务器重启后数据会丢失。如需长期保存,请导出 Markdown 文件。
- POI 查询功能依赖 Google Maps API,部分地区可能存在网络访问限制。
6 常见问题
需要付费吗?
行程生成服务完全免费。但使用 AI 智能体本身可能需要付费订阅(如 GitHub Copilot、Claude Pro 等)。
支持哪些目的地?
理论上支持全球任何目的地——POI 查询基于 Google Maps,覆盖全球,中文和英文目的地名称均可使用。对于内置深度知识库的目的地,AI 还能做到更精准的活动优先级推荐、城市串联和行程节奏把控,媲美资深本地顾问。知识库持续扩充中。
没有 VS Code 能用吗?
可以。只要你的 AI 智能体支持 MCP 协议,就能连接我们的服务。VS Code + Skill 文件只是体验最好的方式。
可以修改已生成的行程吗?
可以,有两种方式:① 在行程预览页直接点击编辑,修改文字或调整顺序;② 将行程链接发给 AI,用自然语言描述想改什么,AI 会实时更新对应的天。
如何分享行程给客户?
每个行程都有专属链接和二维码。可以直接发链接,或让客户扫二维码——无需下载 App,手机上即可浏览完整的交互式行程。如需保护隐私,可为行程设置访问令牌,只有持有链接的人才能查看。
PDF 封面可以定制吗?
可以。点击 PDF 下载按钮后,会弹出封面信息填写窗口,支持填写:机构/公司名称、客户姓名与专属致辞、顾问姓名与联系方式。系统会将这些信息排版到精美的封面上,并内嵌行程二维码,每次填写记录都会保存以便复用。
地图上没有显示标记?
可能原因:1) POI 名称太模糊,服务器未能定位;2) 该活动未指定 poi_name(如交通类活动通常不需要标记)。