用 WorkBuddy 做可在线编辑的旅游攻略工具(下)附 8 个可复制的提示词
HKS HIGHLIGHTS
先看结论
01第一版旅行网页做好后,可以回到原对话继续调整行程、修改外观和提出新功能;先让 AI 找到原项目,并说明需要保留的数据。
02从一个具体的不方便开始,每次改一点。涉及功能和数据结构时先备份,修改后实际验证,再更新到原网站。
上一篇,我分享了旅行攻略 skill: Hks-Travel Skill,以及怎么用它做出一份可以在线查看、编辑和保存的旅行攻略。
开源用 WorkBuddy 做的旅游攻略 skill,生成攻略并转换成可在线打开的网页/APP 工具
韩克森,公众号:韩克森我把自己的旅游攻略方法做成了 Skill,做攻略、查行程,一个网页搞定
开源地址:https://github.com/HANKSEN/Hks-Travel-Skill

便捷使用方法:WorkBuddy 技能市场搜「hks-travel-skill」

如果你已经跟着做完,手里应该有了一个属于自己的旅行网页:每天去哪儿、怎么过去、住在哪里,还有出发前要准备的东西,都可以放进去,手机打开就能看。
用起来之后,你可能还会冒出一些新想法。
每天起得太早了,想把行程排松一点。页面上的字有点小,想换个更清楚的样式。已经能记账了,能不能顺便看看还剩多少预算?碰上下雨,能不能直接切换到另一套安排?
这些需求,都可以继续交给帮你做网页的 AI。
这篇就接着聊聊:第一版攻略做出来之后,怎么继续修改,怎么加功能,以及怎样尽量保留自己已经整理好的内容。

01
SECTION · 01
回到做攻略的那个对话,接着提需求
这个 Skill 会引导 AI 完成攻略研究、内容整理和网页搭建。网页做好后,原来的项目还可以继续修改。
你可以调整里面的旅行内容,也可以让 AI 修改页面、增加功能,再更新到原来的网址。
这里有一个最省事的做法:优先回到生成这个网页的原对话里,继续提需求。
原对话里通常保留着前面的需求和项目线索,AI 更容易接着处理。如果换了一个新对话,就把网站地址、原项目位置补充给它,让它先确认能访问和修改原项目。只有一个网页链接时,它可能还需要你提供项目访问权限。
同时,把自己想保留的东西说清楚。
比如已经订好的车票和酒店、手动补充的笔记、真实账单、上传的附件,还有原来的访问链接。
开始修改前,可以先发这样一段:
参考提示词
接下来,请继续修改我已经做好的旅行攻略网页。
请先找到并读取原项目和当前最新数据,在原项目上修改,保留现有行程、笔记、已完成待办、真实账单、附件和访问链接。
涉及功能或数据结构调整时,先备份。完成后实际验证,再更新原网站。需要我登录、授权或使用付费服务时,请告诉我具体步骤。
后面再接具体需求就行。
下面这些玩法里,调整行程属于内容更新;预算提醒、雨天切换和长图导出属于可以提出的扩展需求。你当前的网页如果已经有相应能力,就让 AI 直接完善。需要新增的部分,再由它检查项目、实现和验证。
02
SECTION · 02
遇到按钮失灵,也可以直接让 AI 查
先说一个很实际的情况。
有时网页做出来了,点登录没反应,某个按钮打不开,或者修改完刷新之后,内容又变回去了。
遇到这种问题,可以先把自己的操作过程告诉 AI。
最有用的几条信息是:用的什么设备,点了哪里,原本想完成什么,实际发生了什么。再附上截图,通常比一句「网页坏了」更容易定位。
参考提示词
请检查并修复当前旅行攻略网页的问题。
网页地址:【填写网址】
设备和浏览器:【例如 iPhone 的 Safari】
我的操作:【例如点击登录,再点击发送验证码】
预期结果:【我希望发生什么】
实际情况:【现在出现什么,可附截图】
请先复现问题,再定位和修复。保留现有数据和域名,修复后实际走一遍这条操作流程,并检查刷新页面后是否仍然正常。
等它改完,可以自己再点一次验收下问题是否解决了。如果没有解决,就继续描述问题和需求,让它自行修复并测试验收。

03
SECTION · 03
行程排得太满?让它整趟重新调整
第一版攻略看起来很丰富,仔细一看,可能每天都要早起,还得在几个景点之间来回赶。
这时可以直接告诉 AI,你希望这趟旅行是怎样的节奏(闲适、紧凑、躺平)。
也可以再具体一些,比如,每天十点以后再出门,每天最多两个主要景点,多留一些吃饭和闲逛的时间。
同时告诉它哪些安排已经确定不需要调整,需要保留。
参考提示词
请调整我现有的旅行攻略。
每天十点以后出门,每天最多安排两个主要景点,多留吃饭和闲逛的时间,尽量减少来回折返。
已经订好的酒店和车票保留:【补充具体安排】。
请结合地点位置、开放时间和交通时间重新规划,保留明确的起止时间。先给我看调整后的逐日安排和主要变化,等我确认后,再更新原网页,保留其他数据。
出发前这种麻烦的调整,直接跟 AI 表述需求,让它帮你搞定。到了路上,如果需要临时加一家店、删一个景点,才自行在手机上修改。
当然如果你手机也接入了WorkBuddy 小程序,可以远程操作你的电脑干活,那也可以按之前的习惯直接描述你的调整诉求。
04
SECTION · 04
地图和外观,都可以任意调整
如果网页里的真实地图一直加载不出来,大概率是开源地图需要海外网络才可以使用。
这里要区分清楚两件事:AI 能搜索地点、查询路线,说明它具备相应的查询能力;但如果你希望网页里可以显示地图组件,并且是可以缩放、拖动的真实地图,需要你提供网页地图服务的配置。
如果你想了解具体原因,可以让 AI 先检查并告诉你原因。如果需要接入腾讯或者高德地图,直接告诉它「把地图换成高德地图」,让它引导你完成配置,出于各地图厂商的规则要求,这里会需要你提供地图开放平台的 API(密钥),不涉及费用,担心的话可以核实清楚再看是否接入。
具体要申请什么、在哪儿填写,都可以让它一步步带你操作。
参考提示词
请检查当前旅行攻略网页的地图。
先查明加载问题,优先修复和复用已有配置。需要接入腾讯或高德地图时,请根据目的地和当前环境推荐方案,引导我申请网页地图 Key、配置域名及必要的安全设置。
敏感凭据通过安全配置入口填写,涉及费用先告诉我。
完成后检查地图显示、地点位置、编号、缩放和平移,并在手机尺寸下验证。保留原来的路线示意图作为备用显示。

外观也一样。喜欢奶油白、橙色、手账风,或者只是想让字大一点、按钮更好点,都可以直接说。有喜欢的参考图,就一起发给它,这样它可以更清晰的 get 到你的诉求和预期效果。
参考提示词
请为当前旅行攻略网页调整外观。
使用奶油白背景和橙色强调色,字体大一点,行程用清楚的时间轴展示。参考图见附件。
本次允许按上述要求调整默认视觉样式,保留五个模块、现有功能和全部数据。
先说明设计方案,再制作电脑和手机预览。等我确认后更新原网站,并在项目中记录这次定制,方便后续升级时保留。
AI 给出预览效果时,除了看颜色美不美观,还可以看看手机上的文字是否清楚展示、按钮是否容易点到、页面有没有横向溢出。

05
SECTION · 05
从“我还想知道什么”出发,增加一个小功能
新增功能可以从一个很具体的问题开始。
比如,网页已经能记账了,我还想知道:这趟旅行还剩多少钱可以花?那就可以在原有记账模块上,增加预算显示。
设置总预算之后,每记一笔账,更新已花费和剩余金额;消费快超预算时,再显示显眼的提醒。
参考提示词
请在“记账”模块增加或完善旅行预算功能。
允许设置总预算和币种,显示已花费、剩余预算及消费占比。达到预算的 80% 时显示提醒,超出时显示超支金额。
根据已有真实账单计算,新增、修改或删除账单后同步更新,刷新页面后仍然保留。
不同币种分别展示,需要换算时先让我确认汇率。保留原来的记账和分摊功能,备份并验证后更新原网站。

这样的需求比较容易说清楚:在哪里加,显示什么,什么时候变化。
你也可以从自己的使用习惯出发,先想想哪个地方麻烦、哪个信息总要自己算、哪个动作每次都要重复做。
再比如,对于结算建议,如果你有更具体的需求,可以跟Ta 描述,让AI 帮你细化到按每个人具体要给谁支付多少,做一个汇总展示,这样更直观清晰。

找到一个具体的不方便,再跟 AI 描述清楚,让 AI 帮你解决。
06
SECTION · 06
把机票、入住单,也放到同一个地方
机票、酒店入住单、预约确认单,经常散落在邮箱和聊天记录里。
可以让 AI 检查“资料”模块,增加或完善附件上传,把这些文件和对应的行程放在一起。
如果当前项目已经接入 CloudBase,就让它优先检查并复用现有的云存储。
参考提示词
请在“资料”模块增加或完善附件功能,用于保存机票、酒店入住单和预约确认单。
支持 PDF、JPG、PNG,提供上传、打开或下载、重命名和删除,并允许关联某一天的行程。刷新后仍能读取。
优先复用当前项目的云存储、登录和数据库,检查额度和权限;需要付费或接入其他服务时先告诉我。
文件默认仅所属用户登录后可访问,公开分享页隐藏附件,存储或服务端也要限制未授权访问。
请用不含个人敏感信息的示例文件验证后,再更新原网站。
这类文件可能包含姓名、订单号等信息,要注意让 AI 给你加一个访问权限,比如「访问网页需要输入固定密码」或者「查看附件需要提供固定密码,密码是****」。
07
SECTION · 07
给户外行程留一套雨天备选方案
旅行中的不确定性之一就是天气。
某天原本安排了很多户外活动,可以提前准备同一区域的室内替代地点,比如博物馆、展览,或者适合坐一下午的店。把两套路线都放在网页里,当天再根据天气和状态决定。
参考提示词
请为户外活动较多的日期增加雨天备用方案。
优先选择原行程附近的博物馆、展览或其他室内地点,核实开放时间、预约要求和交通安排。保留已订交通、住宿和不能随意取消的项目。
先给我看候选地点和备用时间表,确认后在对应日期增加“原计划 / 雨天备用”的查看入口。
两套路线都保留,由我手动选择。切换查看时不要自动改变账单、预约或完成状态。备份并验证保存、刷新恢复后,更新原网站。
这里可以先按「假如下雨」准备,就不会等到真正下雨才开始慌忙地找地方。有了备用方案,临时调整时就能少一些茫然和搜索。
08
SECTION · 08
导出一张长图,放进手机相册
在线网页方便查看和修改,如果要去的地方是网络信号不好的地区,建议让 AI 增加一个“导出行程图”按钮,按天导出当天的时间、地点、交通提示和住宿信息。
或者直接让 AI 给你导出这份攻略页面为长图,方便你保存到手机随时查看。
参考提示词
请增加“导出行程图”功能。
允许选择某一天,使用当前最新行程生成适合手机阅读的 PNG 长图,包含日期、起止时间、地点、交通提示和住宿名称。
内容太长时合理分张,保证文字清楚。默认隐藏证件信息、订单号、手机号、私人备注和附件链接。
优先在浏览器本地生成。手机无法直接保存时,提供打开图片后长按保存的方式。
请验证短行程、长行程和手机端导出效果,再更新原网站。
09
SECTION · 09
自定义改造,让它越来越顺手
上面这些需求,不用一次全部加完。
先用起来,再看看最影响自己使用体验的是什么。可能是行程太紧,也可能是字体太小,或者你特别需要一张能存进相册的行程图。
选一件具体的事,把痛点说清楚,让 AI 修改,再自己测试验收一遍,直到满意。
我觉得这也是这个 Skill 很比常规的 APP 和网页工具更灵活的地方:它帮你做出第一版通用的旅行工具,该有的功能都有。在此之外你还可以根据自己的习惯,继续提出具体需求,让它按照你的诉求自定义改造。
随着你用得更多,你会越来越清楚自己需要什么,也会更容易把要求讲明白。
比如“这里排得太满了,这个字有点小,我还想多一个功能。”
从这样具体的一句话开始,就可以接着往下改。慢慢的,你和 AI 协作的体感也就慢慢建立起来了,知道什么可以交给它做,它能够做到什么程度,做错了或者不到位,又应该如何引导它修改完善。
还没做出第一版的朋友,可以先看上一篇的安装和使用教程,也可以从这个开源项目开始,直接让 AI 安装这个 skill,然后帮你完成一轮旅游攻略的生成并转换为可在线访问、编辑的网页,试玩起来。
Hks-Travel-Skill
https://github.com/HANKSEN/Hks-Travel-Skill
已经用上的朋友,你会想给自己的旅行网页加些什么功能?或者有遇到什么问题?有哪些更好的想法?欢迎交流。
相关文章
发表评论
评论列表
- 这篇文章还没有收到评论,赶紧来抢沙发吧~