AI 行程设计工具 使用指南

用自然语言对话,让 AI 智能体一步步为你生成图文并茂、可交互的旅行行程——实时预览,地图联动,完全免费。

实时渲染 地图标记 POI 自动查询 渐进式构建

1 这是什么工具?

这是一套 AI 辅助行程设计系统,由龙途AI Lab开发。你只需用自然语言告诉 AI 你想去哪、玩什么,它就会自动帮你:

渐进式构建行程

AI 按时间顺序逐条添加活动,页面实时刷新,你可以看到行程一步步被"搭建"出来。

自动查询 POI 信息

每个景点、餐厅自动查询 Google Maps,获取坐标、照片、营业时间、评分等信息。

交互式地图联动

行程中的每个地点自动标注在 Mapbox 地图上,带编号标记和路线连线,支持按天筛选。

自然语言驱动

不需要手动排版——告诉 AI "帮我安排三天成都美食之旅",剩下的交给它。

移动端友好

生成的行程页面响应式设计,手机、平板、电脑都能完美展示,可直接分享链接。

Markdown 存储

行程数据以结构化 Markdown 存储,方便二次编辑,也可导出用于其他场景。

深度目的地知识

AI 不只查地图——它了解哪些活动值得优先安排、城市之间如何合理串联、每天节奏如何把握,规划水平媲美资深顾问。

随时可编辑

行程生成后可直接在页面编辑——调整顺序、修改内容;也可以告诉 AI "把第三天换成轻松一点的安排",它会实时更新行程。

二维码即时分享

每个行程自动生成专属二维码,客户扫码即可在手机上查看完整的交互式行程——无需注册,无需下载 App。

专属 PDF 下载

一键导出精美 PDF,封面支持个性化定制——机构名称、客户致辞、顾问签名——让每份行程都像一份高端礼物。

2 什么是 AI 智能体(Agent)?

AI 智能体是一种运行在你电脑上的智能助手软件。它能理解自然语言,并通过工具执行实际操作——比如创建文件、调用 API 接口、操作浏览器等。

你用自然语言描述需求
→
AI 智能体理解意图 + 调用工具
→
MCP 服务器执行行程操作
→
行程页面实时渲染结果

关键概念:MCP(Model Context Protocol)是一个标准协议,让 AI 智能体可以安全地调用外部工具。我们的行程服务器就是一个 MCP 服务器,AI 通过它来创建行程、添加活动、查询 POI。

我需要什么样的 AI 智能体?
你需要一个支持 MCP 协议的 AI 智能体客户端。目前已支持的包括:
客户端平台说明
OpenClawWindows / Mac独立桌面 AI Agent 应用,内置 MCP 支持
OpenCoworkWindows / Mac独立桌面 AI Agent 应用,内置 MCP 支持
WorkbuddyWindows / Mac独立桌面 AI Agent 应用,内置 MCP 支持
VS Code + GitHub CopilotWindows / Mac / Linux在 VS Code 编辑器中使用 Copilot Chat,配合 Skill 文件获得最佳效果
Claude DesktopWindows / MacAnthropic 官方桌面客户端,支持 MCP 配置
CursorWindows / Mac / LinuxAI 优先的代码编辑器,内置 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 查询:

目的地深度知识

对于带有内置知识库的目的地,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,部分地区可能存在网络访问限制。

准备好了?立即开始!

下载 Skill 文件包,配置 MCP,然后和 AI 聊聊你的下一次旅行。

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(如交通类活动通常不需要标记)。