travel-map-mobile:把已有旅游攻略变成可交互的移动端路线地图

前言

写旅游攻略时,地点、顺序和分类往往散落在正文里,读者要在文字和第三方地图 App 之间来回切换。自己搭一套带路线切换、分类筛选和移动端手势的地图页面,又要处理底图、标注和联动逻辑,成本不低。

下面介绍 SkillHub 上的 travel-map-mobile(@user_ae76a857/travel-map-mobile)。它的定位是:你提供攻略正文或结构化地点信息,由 Agent 调用该 Skill 生成交互式路线地图的可视化结果。需要事先说明:该 Skill 只做地图可视化,不负责帮你规划或撰写攻略内容。

这是什么

travel-map-mobile 是社区来源(community)的 Agent Skill,当前版本 1.0.0,分类为 life-service,由发布者 user_ae76a857 维护。

一句话:根据用户提供的攻略内容,生成交互式旅游路线地图,并针对移动端做交互优化。

官方入口:

核心功能

以下能力均来自 SkillHub 官方简介,未在资料中出现的细节不展开。

  1. 路线地图生成:基于你给出的攻略内容,输出可交互的旅游路线地图。
  2. 路线切换联动:支持在多条路线或方案之间切换,地图与路线状态联动。
  3. 分类筛选:可按分类筛地点或节点,便于在长攻略里聚焦某一类 POI。
  4. 地图基础交互:支持缩放、拖拽等常见地图操作。
  5. 移动端优化:交互与布局面向手机端浏览场景。

Skill 标签标明 requires_api_key=true,即运行中可能需要配置 API Key;具体键名、服务商与填写方式需以安装后 Skill 包内 SKILL.md 及 Agent 提示为准,本文不臆造配置项。

安装与启用

通过 SkillHub CLI 安装(推荐)

先确认本机是否已安装 skillhub:

command -v skillhub && skillhub --version

若未安装,可按 SkillHub 官方文档执行完整安装(CLI + 默认 Skill):

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash

仅安装 CLI 时:

curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only

安装 travel-map-mobile 时,必须用 --dir 指向当前 Agent 实际读取的 skills 目录;装到错误路径时 Agent 无法加载,往往还需重启客户端。

skillhub install @user_ae76a857/travel-map-mobile --dir <你的 Agent skills 目录>

常用客户端 skills 目录(摘自 SkillHub 安装文档):

客户端 skills 目录
Cursor ~/.cursor/skills/
Claude Code ~/.claude/skills/
Codex ~/.codex/skills/ 或项目下 .agents/skills/
Gemini CLI ~/.gemini/skills/

也可将下面提示词发给支持 Skill 安装的 AI,让其按官方安装说明操作:

请根据 https://skillhub.cn/install/skillhub.md,安装 `@user_ae76a857/travel-map-mobile`。

安装完成后,在对应 Agent 中启用或刷新 skills,并按 Skill 包要求配置 API Key(若提示需要)。

典型用法

官方资料未提供带具体字段的示例脚本,可复现的流程如下。

  1. 准备攻略输入:整理已有攻略——例如每日行程、地点名称、顺序、可选分类(美食、景点、住宿等)。内容由你或主对话模型撰写,本 Skill 不替代攻略规划。
  2. 在 Agent 中调用 Skill:在已安装 travel-map-mobile 的会话里,说明要「根据以下攻略生成移动端交互路线地图」,并粘贴或附上攻略正文。
  3. 查看产出:按 Skill 约定得到交互式地图(路线切换、分类筛选、缩放拖拽等)。若因 API Key 未配置而失败,先完成 Skill 文档中的密钥配置再重试。

无法从公开页面核对到 Cursor / Codex CLI / Claude Code 在调用语法上的差异时,以各客户端「加载 ~/.cursor/skills/(或对应路径)下 Skill」的通用机制为准。

适用场景与注意

适合谁

  • 已有游记、行程表或地点列表,希望快速变成可分享的交互地图,而不是从零写前端。
  • 需要在手机上查看路线,并依赖分类筛选、路线切换等轻量交互的创作者或小团队。

限制与注意

  • 不提供攻略规划:只负责地图可视化;目的地选择、时间安排、文案质量仍依赖你或其他工具。
  • 可能需要 API Key:标签 requires_api_key=true,部署前预留地图或相关服务的密钥配置时间。
  • 安装路径:skillhub install 务必带 --dir,且目录需与当前 Agent 一致。
  • 版本与统计:当前为 v1.0.0;SkillHub 页面显示评分 100000,下载 884 次、安装 52 次(以页面展示为准,会随时间变化)。

结尾

若你的痛点是「攻略写好了,缺一张好用、能在手机上点的路线地图」,travel-map-mobile 把可视化从攻略正文中拆出来,由 Skill 统一处理交互地图这一环。安装与坐标以 SkillHub 为准:

https://www.skillhub.cn/skills/user_ae76a857/travel-map-mobile

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜