最近公众号更新少了，不是偷懒，而是一直在折腾自己的项目。

从最初只是想解决写作效率问题，到后来顺手开发了一个浏览器插件，再到搭建官网、上架 Chrome 商店，这一整个过程对我来说，算是一次完整的产品MVP开发实践。

回顾整个过程记录：

手把手教你零代码打造微信文章助手插件

我用AI开发了一个完整的浏览器插件官网

手把手教你上架一个Chrome浏览器插件完全指南

这篇文章，就想和大家复盘一下整个过程：

一个由个人痛点出发、用 AI 工具辅助完成、最终落地上线的完整项目，是如何一步步实现的。

一、项目起点

很多独立开发者的项目起点，其实都很相似，不是宏大的商业计划，而是一个自己遇到的痛点和小需求。

我平时写公众号、整理资料，经常需要：

• 把文章导出为 Markdown；

• 保存封面图或内容图；

• 分析一些公众号文章内容。

但微信内置浏览器操作不便，封面图看不到，图片下载下来还是 webp 格式，导出 Markdown 还要切好几个工具，每次都得折腾半天。

于是我想：干脆自己做一个插件，让这些操作一次搞定。

就这样，「微信文章助手插件」诞生了。

它的核心定位很简单：

让公众号文章的“导出、下载、整理”变得更高效。

所以，我在插件里集成了四个核心功能：

• 一键下载封面图；

• 批量/打包下载内容图片；

• 导出 Markdown、HTML；

• 复制链接、快速存档。

对我这种经常整理公众号内容的人来说，这些功能实用到离不开。

二、AI 开发实战

这次插件的开发，我几乎全程用 AI 完成，用的是 CodeBuddy CN ，开始只是想尝试一下，毕竟都是免费的，虽然没有了Claude的加持，但相信这么一个小项目应该能搞定。

我一开始对 Chrome 插件开发其实不太熟，但通过结构化提示词，我让 AI 完成了大部分开发工作。

整个过程大致分成两步：

1. 写规则类提示词

定义开发标准，比如：

• 使用的语言与框架；

• 文件结构；

• 命名规范；

• UI 风格。

相当于告诉 AI：“代码要怎么写，风格要保持一致。”

2. 写功能类提示词

明确功能目标，比如：

“请实现一个能在微信文章页面中显示下载按钮的插件，并支持一键下载封面图与内容图。”

然后，AI 根据规则自动生成代码，我再进行修改与调试。

经过几轮对话，最终实现了我想要的全部功能。

只要你能清楚表达需求，它就能成为高效的协作者。

三、从插件到官网

插件做完后，新的问题又出现了，想要分享出去，“怎么下载？”，就提出了新需求：做一个产品官网

于是，我顺手又开发了一个官网，用来完整介绍插件。

我先写了一份详细的开发需求文档，包括：

• 页面结构（首页、下载页、反馈页、更新页、指南页）；

• 功能模块；

• 技术栈（HTML + CSS + Tailwind + Jquery）；

• 风格要求（现代简约、柔和渐变、圆润动效）。

然后同样交给 CodeBuddy 去生成框架，我再手动补充内容和视觉细节。

网站整体分为五个页面：

• 首页：插件介绍与下载入口；

• 下载页：版本列表 + 功能展示；

• 反馈页：用户意见收集；

• 更新页：按时间线展示更新日志；

• 指南页：视频教程 + 常见问题。

最终上线的官网整体风格现代、轻快，体验还不错。

大家可以访问体验：https://yiwx.cn

做完官网后，产品的MVP算是完成了。

这是我认为独立开发者成长的关键拐点。

四、Chrome 商店上架

当插件和官网都准备好后，最后一步就是上架到 Chrome 应用商店。

下面的简单的流程回顾：

1. 注册开发者账号

登录 Google 账号，进入 Chrome 开发者中心，交一次性注册费（5 美元），即可开通账号。

2. 准备素材

上架审核的重点不只是功能，还有“展示完整度”：

• 插件包（zip 文件）；

• 图标（128×128）；

• 截图（1280×800）；

• 简短描述（132 字内）；

• 官网链接 + 隐私政策。

我建议大家认真准备截图和宣传图，Chrome 审核团队对设计和信息完整度非常看重。

3. 上传与审核

将插件 zip 文件上传，填写表单信息并提交审核。

第一次审核可能会稍慢，尤其是使用了广泛权限的情况。

如果一切顺利，几天后就能在邮箱收到“审核通过”的邮件，插件正式上架！

复盘与思考

这次完整实践下来，我最大的收获有三点：

1. 清晰的需求比 AI 更重要

AI 的能力强大，但如果你的需求模糊、逻辑混乱，它一样帮不上忙。

做为产品经理提需求是必备技能，同时也是 AI 开发的真正门槛。

2. AI 提升速度，但判断仍在你手上

AI 能帮你生成 80% 的内容，但那最后 20% 的体验、细节、审美，依然得靠人。

真正的效率提升来自人机协同，而不是一味依赖。

3. 做完整的产品闭环

从插件 → 官网 → 上架，这次我体会到一个完整产品闭环的价值。

很多独立开发者做到“功能完成”就止步了，但真正的产品从“上线”才开始。

官网文案、素材准备、隐私政策，都是产品体验的一部分。

下一步计划

目前插件的基础功能已经稳定，接下来我计划加入一些 AI 功能：

• AI速读：自动总结长文要点；

• AI二创：基于原文生成新的素材；

• 公众号分析：查看阅读量、点赞、收藏等数据。

我希望未来版本不只是下载工具，而是一个助力创作者高效创作的智能助手。

结语

从写代码到做官网、上架商店，这一路下来我最大的感受是：一个小想法的落地是如此简单。

过去，这样的项目可能需要设计师、前端、后端协作；现在，只要你能清楚地表达想法，就能用 AI 一个人完成。

独立开发的意义不在于赚多少钱，而在于你能亲手把一个想法变成现实。

✨ 后记 / 想法交流

如果你对「微信文章助手」插件有新的建议，或者想了解我在 AI 辅助开发中的提示词写法，可以在评论区留言交流。

插件与官网体验地址：https://yiwx.cn