实用J人可分享的网页旅行攻略SKill(已开源
点击蓝字,关注我们

想试用Skill的加我👇

国庆去阿勒泰这件事,我明明已经定下来了,机票也买好了,心里却一直有一种“还有什么没准备好”的感觉。
航班信息躺在截图里,日常工作也没太多心思想着怎么玩儿,虽然也有零散把行前要带的东西记在另一份清单里。
等真正出门,我大概率还是会在机场反复确认:身份证带了吗?充电宝放随身包了吗?今天到底住哪里?
我想要的不是再写一篇攻略,而是有一个地方能把这些事接住,让我打开手机就知道今天该做什么。
然后我刷到了小红书博主「啵啵的AI手记」做的 travel-guide-h5。旅行信息可以被做成一个能点击、能翻看的手机网页?
这个想法一下击中了我。刚好我要去新疆阿勒泰,于是我把自己的航班截图和旅行社行程交给 Agent,想先给自己做一份路书。
本来只想解决出门前的一点焦虑,结果越做,脑子里的问题越多。我干脆顺着这些问题,一层一层给它叠了 buff,最后做成了自己的 travel-roadbook-h5
👆点击查看视频
01 真正让我反复打开的,是“今天”
传统的旅行攻略很擅长告诉我一个地方有什么好看、有什么好吃。但到了出发那天,我最先想知道的其实是:几点去机场,航班从哪里起飞,落地之后怎么走,今晚住在哪儿…
所以这份路书的第一屏叫「今日」。
航班、当天路线、住宿、提醒都集中在这里;往后切换日期,还能看到每天各自的安排。
这个细节对我特别重要。路书做得漂亮很容易,做得让我敢照着走,才有用。
临出门我还想要一个能快速扫完的清单。


身份证、唇膏、防晒、充电器、隐形眼镜护理液、U 型枕,甚至发热腹贴,都是我自己会惦记的小东西。于是我把行前准备做成手机上的双列勾选项,收拾一件打一个勾。它不会神奇地保证我什么都不漏,但至少不用每隔十分钟再把行李箱打开一次。
02 我想记录的,不只是到过哪里
因为有创作需求,在做「行程」这一栏时,我又冒出一个念头:回来以后如果想剪 Vlog,光有「今天去了禾木、看了喀纳斯」好像不够。
真正能让我记起那一天的,应该是旅途中实际看到什么、有什么感受、和同行朋友聊了什么。
现在还没出发,这些内容当然都还是空白;但我想先给它们留一个位置,免得回来后只剩下「景点很好看」这句笼统的话。
所以我在每天的行程里加了「今日碎碎念」。
不是让自己认真写游记,而是想到什么就追加一句,之后还能接着补。它像一个随身的素材口袋,既装旅行当下的感受,也给以后的 Vlog 留点有“人味儿”的上下文。
我越来越觉得,AI 很会整理信息,但那些值得被记住的小瞬间,还是得由我自己放进去。路书负责把位置留好,我负责把生活填进去。
03 好看的页面,也要把“待确认”写清楚
既然是旅行路书,我当然想让它好看。
我给它用了暖纸白、亮紫色、圆角卡片,也想在「种草」里看到真实的村落、湖泊和地貌。
可是一路做下来,我发现有些东西不能为了页面完整就随手补上。
地点照片要对应真实地点,还要看能否用于公开分享;天气要有对应日期和来源,离出发还早时就写“出发前再查”;车程、门票和额外费用没有确认,就标明是估算或待确认。
旅行社行程已经包含什么、哪些可能要自己付,也应该让人一眼看懂。
语言卡也是一样。
我特别喜欢到一个地方学几句当地语言,问候、购物、交通和应急这些场景,哪怕只会几句,也会让旅途多一点互动。
但中文近似音只能帮我记忆,不能当成当地语言的原声。没有核对过发音和授权的音频,就老实写「原声待补充」。
我还加了一个「锦囊」,把票据、住宿、应急信息和照片入口集中起来。
能公开分享的路书里,不放身份证号、订单号和其他私人资料。好看、方便、可信,这三件事我都想要。
04 从“我自己要用”,到“别人也能做一份”
最开始,这就是一份给我自己看的阿勒泰路书。后来我想,如果换一个目的地、换一张机票、换一份旅行社行程,它是不是也应该能重新长成另一份专属路书?
于是我把这次反复调整过的做法整理成了 travel-roadbook-h5 Skill。





想试用Skill的加我👇

现在使用时,最少把往返航班信息和大致的逐日路线交给 Agent,就可以让它先生成一版手机优先的互动路书。资料不全的地方会标「待确认」,再按自己的旅行补充清单、住宿和想看的地点。
它有「今日、行程、种草、语言、锦囊」五个入口。
路书发布成可公开打开的网页后,也可以分享给同行朋友。
清单勾选、语言卡收藏和碎碎念默认保存在每个人自己的浏览器里,所以朋友勾了他的清单,不会覆盖我的记录;
换手机也不会自动同步,这一点要提前知道。
我觉得这次最有意思的,不是 AI 一下子替我做完了多少功能,而是我在使用过程中不断发现:原来我真正需要的是什么。先有一个能用的版本,再把那些“不方便”“我还想要”一条条说清楚,网页才慢慢长成了适合我的样子。
05 把琐碎交给 AI 助手,把旅途留给自己
国庆快到了。
出发前我依然会核对航班、天气和景区信息,也会把该带的东西再过一遍。
travel-roadbook-h5 不会替我走完这趟旅行,它只是替我接住那些容易散落的小事。
对我这个想随性出发、又忍不住担心遗漏的人来说,这就很够了。
如果你也想给自己的旅行做一份,去 Red Skill 搜索 travel-roadbook-h5,安装后把航班信息和大致游玩路线交给 Agent 试试。
也谢谢「啵啵的AI手记」的 travel-guide-h5 给了我最初的灵感;我是在自己的阿勒泰行程里,继续把它变成了更贴近自己习惯的一份路书。
接下来,我想安心做个「没心没肺」的 P 人,美美出发啦。
文 / Khloe
· 一起研究AI/工作流/知识管理👆 ·
相关文章
发表评论
评论列表
- 这篇文章还没有收到评论,赶紧来抢沙发吧~