夜雨聆风大家好，我是羊仔。
周末羊仔专门空出一个下午，从零开始用 AI 编程工具做了一个 Chrome 插件，记录了完整的过程。
结果发现，从想法到上线，真的只用了 4 个小时。
Chrome 插件的代码量很小，就是 HTML + CSS + JavaScript，Cursor、CodeX、Claude Code 随便选一个，都能搞定。
今天羊仔就把这 4 个小时的完整流程分享给你。
5 步完整流程，跟着做就能上线
羊仔把整个流程拆成 5 步，每一步都有详细的操作说明。
第 1 步：选一个好点子（最关键）
做插件最怕的是什么？做出来没人用。
羊仔总结了一个选点子的公式：
单一功能 + 特定人群 + 真实痛点 = 好点子
从你自己的痛点出发，你每天用什么工具？哪个地方让你觉得麻烦？
比如羊仔想要整理 Reddit 上的 AI 新闻，手动复制粘贴很烦，就可以做一个「Reddit 帖子一键导出到 Notion」的插件。
这就是羊仔周末做的插件，接下来的流程就以这个为例。
第 2 步：让 AI 帮你写代码（10 分钟）
点子有了，接下来让 AI 编程工具帮你写代码，羊仔用的是 Claude Code，你用顺手的就好。
具体操作：
1. 打开终端，创建项目文件夹：
mkdir reddit-to-notioncd reddit-to-notion
2. 启动你的 AI 编程工具，打开这个文件夹
3. 输入需求，也就是 Prompt：
我想做一个 Chrome 插件，请帮我生成完整的代码。【插件名称】：Reddit to Notion【目标用户】：需要整理 Reddit 内容的自媒体和研究人员【核心功能】：1. 在 Reddit 帖子页面显示一个"Export to Notion"按钮2. 点击按钮后，自动提取帖子标题、内容、评论（前 10 条）3. 格式化后发送到用户的 Notion 数据库4. 显示导出成功提示【所需权限】：- 访问 reddit.com 页面- 调用 Notion API- 本地存储用户的 Notion API Key 和 Database ID【UI 风格】：- 简洁现代- 按钮颜色：FF4500（Reddit 橙色）- 弹窗使用卡片式设计- 支持深色模式【技术要求】：- 使用 Manifest V3 规范- 使用原生 JavaScript，不依赖框架- 代码要有注释，方便后续维护请生成以下文件：1. manifest.json2. background.js3. content.js4. popup.html 和 popup.js5. styles.css6. icons（16x16, 32x32, 48x48, 128x128）请确保代码符合 Chrome Web Store 的审核要求。
4. AI 会自动生成所有文件，保存到项目文件夹
羊仔的经验：
Prompt 越详细，生成的代码越准确
一定要说明"使用 Manifest V3 规范"，这是 Chrome 的最新标准
如果生成的代码有问题，直接把错误信息复制给 AI，它会帮你修复
AI 会自动创建文件结构，不需要你手动创建
第 3 步：本地测试（5 分钟）
代码生成后，需要在本地测试一下。
具体操作：
1. 打开 Chrome，地址栏输入 `chrome://extensions`
2. 右上角打开「开发者模式」
3. 点击「加载未打包的扩展程序」，选择你的项目文件夹
4. 插件就加载成功了，可以测试功能
常见问题：
无法加载清单：检查 manifest.json 的 JSON 语法是否正确
无法读取属性：检查 manifest.json 里的权限是否配置完整
拒绝执行内联脚本：把 HTML 里的 JavaScript 代码移到单独的 .js 文件
CORS 错误：检查 Notion API 调用是否在 background.js 里执行
遇到问题，直接把错误信息复制给 AI：
我遇到了这个错误：[粘贴错误信息]请帮我修复。
AI 会告诉你怎么改，并直接修改代码。
第 4 步：准备上架材料（15 分钟）
插件测试没问题后，准备上架 Chrome 商店。
需要准备的材料：
1. 插件压缩包：把整个项目文件夹压缩成 .zip 文件（不要包含 node_modules、.git 等无关文件）
2. 图标：需要 16、32、48、128 四种尺寸
可以用 Figma 或 Canva 做
也可以让 Claude Code 帮你生成 SVG，然后导出成 PNG
3. 截图：至少 1 张，最多 5 张，展示插件的功能
尺寸：1280x800 或 640x400
羊仔建议：3 张截图，分别展示按钮、弹窗、导出成功
4. 描述文案：
简短描述（132 字符以内）：一句话说清楚插件是干什么的
详细描述：说明功能、使用方法、适用人群
5. 隐私政策：说明你的插件收集了哪些数据、怎么使用
可以用 GitHub Pages 或 Notion 免费托管
也可以让 Claude Code 帮你生成一个隐私政策模板
羊仔实际用的描述文案：
简短描述：
Export Reddit posts to Notion with one click. Save time on content curation.详细描述：
Reddit to Notion helps content creators and researchers save Reddit posts to their Notion workspace instantly.Features:• One-click export from any Reddit post• Automatically extracts title, content, and top comments• Saves to your Notion database• Supports dark mode• Privacy-focused: your API key stays localPerfect for:• Content creators who curate Reddit content• Researchers who organize Reddit discussions• Anyone who wants to save Reddit posts for laterHow to use:1. Install the extension2. Get your Notion API key and database ID3. Click the export button on any Reddit post4. Done!
第 5 步：提交审核，等待上线（1-3 天）
材料准备好后，就可以提交了。
具体操作：
1. 访问 Chrome Web Store Developer Dashboard：
https://chrome.google.com/webstore/devconsole
2. 支付 $5 注册费，一次性，终身有效
3. 点击「新增项目」，上传你的 .zip 文件
4. 填写插件信息：
名称
简短描述
详细描述
截图（至少 1 张）
图标
隐私政策链接
分类（选 Productivity）
语言（English）
5. 提交审核
审核时间：
标准审核：1-3 个工作日
如果你的插件需要很多权限（比如访问所有网站），可能需要 1-2 周
审核通过后，你的插件就正式上线了，全球 32 亿 Chrome 用户都能搜到。
羊仔说
从想法到上线，5 步，4 小时，$5。
这就是 2026 年用 AI 编程做 Chrome 插件的真实门槛。
你不需要会编程，AI 能帮你写代码。
你不需要很多钱，$5 就能上线。
你不需要很多时间，一个周末就能做出来。
关键是什么？
找到一个真实的痛点，用 AI 快速做出来，放到 Chrome 商店验证。
记住这 5 步：
1. 选点子：单一功能 + 特定人群 + 真实痛点
2. 写代码：把需求告诉 AI，10 分钟生成完整代码
3. 本地测试：加载插件，跑一遍测试清单
4. 准备材料：图标、截图、描述文案、隐私政策
5. 提交审核：$5 注册费，1-3 天上线
插件上线了，下一步是怎么让它赚到钱。
羊仔会聊 3 种变现策略 + 3 个避坑指南，敬请期待。
共勉！
欢迎关注羊仔，一起探索AI，成为超级个体！
你的每一次互动，对羊仔来说都是莫大的鼓励。
扫描下方二维码，添加微信好友获取羊仔精心准备的资料～
