【中秋国庆 VibeCoding】跨城回家行李清单生成器Ai智能版:按天气天数备齐行李,返程特产不忘带!!!

体验链接:

为什么做这个

今年中秋和国庆离得近,长假回家的人比往年更多,行李也比周末回趟家复杂得多:一来就是待好几天,换季的厚衣服得带上;各地天气差得远,这边还穿着短袖,老家已经要穿外套了;再加上双节走亲戚,给爸妈带的东西、爸妈准备塞过来的东西,全挤在一次行程里。

于是每年这个时候,群里隔三差五就有人问「回去都要带啥来着」。有人到了高铁站才发现身份证还在办公桌上,有人被家里念叨「给你装的腊肉怎么没拿」,还有人拖着箱子到楼下,想起充电器插在家里插座上没拔。行李这件事看着简单,实际上要同时记着证件、充电线、换洗衣服、药品、礼物、特产,七八个门类在脑子里同时挂起,漏一样太容易。

写代码的人解决问题的方式都差不多:既然容易漏,就让程序替人记。所以用 TraeCode 写了这个跨城回家行李清单生成器。

做了什么

一个纯前端的行李清单生成器,打开就能用,不用注册登录。填三样东西:怎么回去(高铁、自驾、飞机三选一)、回哪个城市、待几天,下面直接出一份分好组的清单,按证件钱包、电子数码、衣物穿戴、洗漱护肤、食品药品几个门类排好,逐项打勾。

分组里最有意思的是衣物和出行方式这两块。衣物跟着天气和天数走:内衣裤袜子按停留天数加一备,天冷自动加羽绒服、秋衣秋裤、围巾手套和暖宝宝,下雨加雨伞、防水袋和备用鞋,天热加防晒霜、遮阳帽、墨镜。出行方式各有各的坑:坐飞机会提醒充电宝必须随身携带、额定能量不能超 100Wh、洗漱液体单瓶超 100 毫升要托运,还会多出 U 型枕和耳塞眼罩;自驾会多出驾驶证行驶证、ETC 卡,外加一条「出发前车况检查——胎压、机油、玻璃水、灯光」;高铁则提醒充电宝别指望车上插座,颈枕和零食提前备好。

天气是接的 Open-Meteo 免费接口,不需要任何 Key。填城市名的时候有联想,选中后自动查出停留那几天的温度区间和天气,按最坏情况备装——比如查出「哈尔滨、雨、6 到 18 度」,厚外套和雨伞会同时出现在清单里。查不到的时候(断网,或者日期太远超出了 16 天预报范围)手动选一下天气和温度档,照样能用。

20260921231826_rec_

带宝宝、老人或者宠物的也有专属分组:奶粉尿不湿奶瓶、老人常用药老花镜、航空箱牵引绳,连尿不湿的数量都会按天数算出来。每条容易踩坑的条目后面带个小提示,点开看一眼就知道为什么。

20260921232015_rec_

所有勾选进度都存在浏览器里,打包到一半关掉电脑,第二天打开接着上次的进度勾。清单也支持自己加条目、删不需要的,每个人的行李都有自己的特殊情况。

20260921232118_rec_

规则清单之外还接了 AI。点右上角「配置 AI」,填上自己的接口地址、API Key 和模型名,任何 OpenAI 兼容接口都能用,DeepSeek、Kimi、通义或者各类中转站都行,密钥只存在自己的浏览器里。之后选好行程,点一下「AI 智能分析」,AI 会结合目的地的天气、停留天数、随行人员和双节场景,给出一份补充建议,单独成一个「AI 建议」分组,和规则清单并排勾。规则引擎负责不漏,AI 负责想到规则没想到的——十月初的北方已经干冷,AI 会提醒润唇膏和护手霜;回南方赶上返潮,除湿袋和烘鞋器就派上用场。这些细碎东西每个城市不一样,正好交给 AI 补位。

20260921232413_rec_

人情往返,别落东西

这部分是最贴合双节场景的。回家不能空手,去程要记着给爸妈带了什么;返程更关键,爸妈塞的特产、做好的酱菜、菜园里现拔的菜,一不留神就忘在老家——行李箱在老家装满的时候人都想着路上吃啥,唯独想不起来这是要带走的东西。

所以清单里单独做了两栏:一栏「去程 · 带给爸妈」,预置了月饼礼盒、茶叶美酒、保健品、坚果糕点、红包这些常见项;一栏「返程 · 带回去的特产」,预置了家乡土特产、腊肉酱菜、菜园鲜菜、米面粮油,甚至还有「妈妈塞的秋衣秋裤」这种真实到扎眼的条目。都能自己加,也能勾,每勾一件心里踏实一件。

配套的还有日历提醒。点一下「添加到系统日历」,下载一个 .ics 文件,iPhone、安卓、Windows、Mac 的日历都能直接导入。一共四个提醒:出发前一晚八点打包行李、出发日早上八点出发、返程前一晚八点「检查爸妈给的特产,别落在家」、中秋当天给家里打电话。每个提醒都提前两小时响,赶飞机赶高铁来得及反应。返程前那条尤其是给所有人准备的——特产的丢失窗口就在返程前一晚到出门前这十几个小时里。

过程

全程在 TraeCode 里完成,没自己写过一行代码。先是对着空目录把需求说清楚:出行方式、目的地天气、停留天数、特产双清单、日历提醒、AI 智能分析,Trae 先出一版实施计划,确认了才动手写。清单引擎是一套规则库,天气查询、.ics 生成和 AI 接口调用各自是独立模块,改起来互不影响。

中间有两处界面细节没对齐——并排的两个输入框高度差了一截,是在浏览器里直接选中那个元素,把截图丢回对话里说的,当场改好。生成清单后勾选、刷新、再勾选,确认进度都存得住;换了出行方式,专属条目跟着变。最后本地构建通过,一条命令传上 Vercel,三十七秒上线,拿到链接直接发群里让家里人帮着试。前后一个下午。

添加Ai功能:

成品

20260921232939_rec_

体验链接再放一次:

数据全部只存在本地浏览器,AI 的接口密钥也一样,不上传任何服务器,放心用。后续如果有空,想加一个多人分工打包(谁负责证件谁负责吃的)和历史行程模板(去年带过的直接复用)。

提前祝大家双节回家顺利,行李不落,特产不忘!!!!!

3 个赞

太棒了,这个创意起码前三

4 个赞

接你吉言!哈哈哈哈哈

3 个赞

修复bug

3 个赞

按天气配行李太实用了 返程特产都替我想到了 收藏了

3 个赞

希望能帮助到你hhh

3 个赞

修复Ai报错

3 个赞