一个周日的早晨，我6岁的女儿兴冲冲地向我展示她读过的《彩虹魔法仙子》系列童话书。她为自己读过的书感到无比自豪，还兴致勃勃地告诉我她最喜欢哪几本、接下来想读哪些。这个系列有超过300本书，她央求我帮她一本本搜索出来，好让她列个清单。

就在那一刻，我冒出一个念头：如果能给她做一个App来管理这些书，那该多酷。

打开网易新闻 查看精彩图片

为什么选PWA而不是原生App

在vibe coding（用AI辅助编程）时，Chrome扩展和渐进式Web应用（PWA）是绝佳的起点。它们有几个关键优势：Chrome扩展可以打包成zip文件分享，或者免费发布到Edge商店；PWA可以免费托管在GitHub等平台上；两者都不需要服务器或后端；Chrome扩展还能绕过跨域限制访问外部API；本地测试非常方便，无需构建步骤；而且它们都使用标准Web技术，AI模型对这类代码非常擅长。

PWA还有一个杀手级特性：可以像完整应用一样安装到笔记本电脑、Android和iOS设备上，完全不用处理不同版本和繁琐的应用商店审核流程。

先和女儿开个需求会

我坐下来和女儿聊了几分钟，确认她的需求。她想要三样东西：能看到所有书、记录哪些已读、维护自己的最爱清单。

我自己又补充了几个非功能需求：数据导出/导入功能，方便在不同设备间切换，省去后端和API的复杂度；完全离线可用，包括所有书籍封面图。另外我还加了一点游戏化设计——读完一定数量后颁发徽章奖励。

我的第一个AI提示词

这是我最开始的提示词：想创建一个平板App来记录女儿的阅读进度。用渐进式Web应用（简单HTML/CSS/JS），本地保存阅读记录，但数据可以在设备间导出/导入。应用要采用彩虹公主主题风格，包含所有书籍（最好有每本书的封面），如果可能的话抓取每本书的简介。女儿可以搜索书籍、添加最爱、标记已读。达到阅读里程碑时获得徽章/仙子成就，成就显示在独立页面。书籍数据可以本地存储……

这个提示词写到这里就结束了，但故事才刚刚开始。从一个6岁女孩的阅读清单出发，一个老爸用AI工具，正在把童话世界变成女儿触手可及的数字乐园。而这一切，只需要一个简单的想法和一段对话。