00 / 00
AI 开发 Chrome 插件
全流程教学：从挖掘用户需求、AI 开发、搭建宣传网站到上架 Chrome 应用商店，用 AI 协作搞定一个真实的 Chrome 插件。
Paid
开做前先准备
| 准备项 | 用途 |
|---|---|
| Chrome 浏览器 | 本地加载 unpacked extension，测试插件功能 |
| 一个明确插件需求 | 写清楚要改哪个网页、读哪些数据、要不要本地存储 |
| AI 编程工具 | Claude Code、Codex、Cursor 或同类工具，用来生成和修改插件代码 |
| 一个空项目目录 | 放 manifest.json、脚本、样式和图标 |
| Chrome Web Store 开发者账号 | 真正上架商店时需要 |
| 隐私说明和图标 | 上架审核、权限解释和用户信任需要 |
如果只是给自己用，可以先不上架，直接在 Chrome 里加载本地插件。要给别人安装，再准备商店账号、宣传页和隐私说明。
配套视频教程
这个视频覆盖了整个流程：怎么找到真实的用户需求、用 AI 快速开发、搭建宣传网站、以及最终上架 Chrome 应用商店。
为什么要做自己的 Chrome 插件
我们总有一些很个性化的小需求。
比如我就有两个：
- 统计一下每天在不同网页上花了多少时间
- 工作时别让我打开知乎、B 站这些网站
以前的做法是去找现成的插件。但你总会遇到这些问题：
- UI 不喜欢
- 功能差一点，想加点东西但改不了
- 要上传数据到别人服务器，不放心
现在用 AI 协作做插件，门槛比以前低很多。你仍要说清楚需求、跑命令、自己测一遍；AI 负责生成和改代码，不负责替你验收。
自己做的好处很直接：
- 数据可以只留在本地
- 功能差一点点就能继续改
- 不依赖别人是否维护
下面按我做 01Kit 的实际路径写。