装了啥特别篇：少数派编辑部最近都 vibe 了啥？

如今，vibecoding的话题热度居高不下。但抛开那些被吹上天的一人公司「壮举」，vibecoding能给一般用户的日常使用带来什么帮助呢？本期「装了啥」中，编辑部成员就分享了一些近期折腾出的小玩意 ... 如今，vibe coding 的话题热度居高不下。但抛开那些被吹上天的一人公司「壮举」，vibe coding 能给一般用户的日常使用带来什么帮助呢？本期「装了啥」中，编辑部成员就分享了一些近期折腾出的小玩意，并回顾了这些需求的起因、借助 AI 工具开发的真实过程，以及关键的提示词设计思路，希望对你有所启发。 自制天气看板 @PlatyHsu : 虽然 vibe coding 上新闻的用例都是那些以一当十、一个月抵过去一年的壮举，但对于非从业人士来说，我想它更大的意义还是能帮你实现各种过于小众而无人会照顾的需求。这些需求的实现可能非常简陋，以至于不配称为一个「产品」，但精雕细琢本来也就不需要是一个目标。 以我为例，虽然身处深圳，但我更喜欢看香港天文台的预报。一是因为两城足够接近，天气资讯可以交叉参考；另外我也更喜欢香港天文台的预报写法，即除了预报结论外还会描述有关天气系统和天气过程，让人更加知其所以然。（尽管这未必代表结论更准确，或者说在广东这种福地也很难准确。） 不过，在官网的使用体验方面，香港天文台和深圳气象局只能说是难兄难弟，都充斥着各种上古设计和技术，香港天文台甚至还更卡一些。如果隔几个小时就手动访问的话，可能浪费的时间已经够一场骤雨了。因此，我希望做一个简单的网页来汇总两地的预报。 那么从何入手呢？我的观点是，虽然把 AI 当作许愿机未尝不可，但最好还是能自己做一些研究，在提示词阶段就给出数据源、部署方式和设计等方面的具体要求，这样既节省 token 也节省时间。 具体到我的需求而言—— 1. 数据源。 访问深圳气象局的预报页面，打开浏览器的 Devtools 后刷新页面，即可看到大量指向 weather.121.com.cn 域名的请求。点开几个请求查看其响应内容，可知 https://weather.121.com.cn/data_cache/szWeather/sz10day_new.js 是天气、降水、温度等预报数据，而 https://weather.121.com.cn/data_cache/szWeather/szImportantTips.js 是对天气趋势的文字说明（也即官方微博发布的主要内容）。 香港天文台的数据则更简单。翻阅网站菜单即可发现它提供了官方的 RSS 订阅源 https://rss.weather.gov.hk/rss/SeveralDaysWeatherForecast_uc.xml ，其中就有我所需的各种信息。 最后，考虑到深圳气象局和香港天文台一般每天更新 4 次左右预报，每小时检查一次就能获得及时的信息了。由于我们是 vibe coding，探索到这一步即可，至于数据的读取和清洗整理，AI 有能力自行解决。 2. 部署方式。 对于这种简单的信息抓取和呈现用例，我习惯使用 Cloudflare Workers 搭配 KV 来部署，其中 Workers 负责抓取数据和呈现网页，KV 负责数据存储。同类选择也有很多，不过 Cloudflare 有着慷慨的免费方案和清晰简明的控制台，我用下来相对更顺手一些。 至于具体的部署步骤则不用担心，由于 Cloudflare 有完整的文档和命令行界面 wrangler ，只要提供登录凭据，剩下的操作，当前主流模型都足以代劳。（Cloudflare 默认使用 workers.dev 域名；如果需要便于国内访问，可以额外绑定一个自定义域名。） 3. 设计。 由于这个工具只是我自己使用，目标是越简洁越好。因此，我一般会告诉模型使用 vanilla HTML and JS，并且使用 minimalistic, text-first 的设计风格，以抑制模型一言不合就喜欢使用 JS 框架、用迷幻色彩和大面积阴影的倾向。 在确定上述需求之后，提示词也就水到渠成了。我当时使用 Claude Opus 4.6 模型，一次就达到了相当可用的效果；再针对细节设计做一些调整，一个小时内便实现了我这个小众需求。 通过类似的思路，我还在 AI 帮助下，为一些没有官方 RSS 的网站，通过定期检查页面内容的方式创建了 RSS 订阅链接，同样部署在 Cloudflare Workers 上，省下了 FiveFilters 之类服务的费用。有兴趣的朋友不妨探索。 自制插件解决收藏夹碎片化的问题 @张奕源Nick : 不知道你有没有这样的感觉或者困惑：社交媒体用久了，一定点过很多收藏，这些乱七八糟的东西批量整理起来非常麻烦。而且很多收藏过期之后就会消失，自己也搞不清楚到底有用没用。 所以我让 AI 写了两个 Chrome 浏览器插件来解决这个问题。 我最常用的两个社媒平台是微博和 X，两个插件（ 微博版 、 X 版 ）也分别针对这俩平台做了相应的功能。 大体思路是这样的：安装插件之后，当我看到想收藏的东西，直接点击旁边的收藏按钮即可。插件会把博文的文字、原图乃至原始影片都缓存在电脑本地一个文件夹里，相当于把原博永久缓存了。 当我觉得积攒到一定数量、需要汇总一下之后，再点另一个按钮，插件就会把当前本地的所有博文汇编成 .enex 文件，我可以随时存入我的《Evernote》，进一步整理或者归档。 本地缓存的文件结构；点击插件就会展示保存状态 存入《Evernote》之后的效果，文、图、原始链接都在 Vibe Coding 的过程还是很 Vibe 的，我只在一开始提出了明确的目标： 帮我设计一个微博抓取工具、脚本或者插件，我想要做的事情是： 核心目标：把我的微博收藏夹重新整理并迁移到其它笔记软体里，如 Evernote。 需要做的事情：提取每条微博的文字、图片、链接或其它元素，并且有序地存放在一个地方（譬如本地文件夹），如果能直接转成可以在线保存到 Evernote 或者 Notion 的笔记更好。 我一开始的想法是看看有没有什么通用方案，能让这个插件导出类似 markdown 加媒体附件的东西，这样就可以不受笔记工具的限制，任意二次使用。后来我考虑到自己主要在用《Evernote》，不如一次性点对点，把导出 .enex 也做了。 在 Vibe 的过程中，我开始逐渐加入更细节的要求，譬如： 把插件图标改成对应社媒平台加《Evernote》大象头的组合，更容易分辨 加入标签机制，这样导入《Evernote》之后笔记不会乱 优化按钮的位置，避免占用太多空间 就在写这篇文章的时候，我又迭代了一下，解决了不能保存长微博全文的问题。X-Evernote 目前还有本地文件夹访问权限的授权问题，正在 Vibe 中。 保存到《Evernote》这个功能在国内肯定比较小众，所以如果你需要类似功能但想导出到别处，可以让 AI 直接抓取 Github 项目，并且 fork 一个你自己的版本。提示词可以是「修改这个项目，将导出部分改为⋯⋯」，排查错误的工作也交给 AI 就行，它一定会帮你捣鼓到你想要的程度的。 另外，《Evernote》限制了导入笔记的结构，任何