用 claude 做了个浏览器插件如此简单

一个真实的故事(👉 点击这里可以免费下载试用

上周五晚上,我突然有个想法:能不能做个工具,一键抓取速卖通的产品信息,直接导入到我的 Shopify 店铺?

作为一个完全不会编程的电商从业者,这个想法以前想都不敢想。但现在有了 Claude(一个 AI 助手),我决定试试看。

结果:48小时后,这个插件真的做出来了。

这篇文章记录了整个过程,想告诉你:在 AI 时代,不会编程真的不重要了。


第一天晚上:从零到能用(2小时)

我对 Claude 说的第一句话

“帮我做一个浏览器插件,能抓取速卖通、亚马逊这些网站的产品信息。”

就这么一句话,没有任何技术术语。

Claude 做了什么?

它立刻明白了我的需求,然后:

  1. 30分钟 – 生成了所有代码文件
  2. 告诉我怎么安装 – 详细到每一步
  3. 解释每个文件的作用 – 用我能听懂的话

我只需要:

  • 下载文件
  • 在 Chrome 里点几下
  • 完成!

第一次看到插件工作的瞬间,我震惊了。

插件真的能识别我在哪个网站,抓取产品标题、价格、图片。这些我以前要手动复制粘贴半天的工作,现在30秒搞定。

对比一下

以前:

1. 打开速卖通产品页
2. 复制标题
3. 右键保存图片
4. 记录价格
5. 在 Excel 里整理
6. 单个产品:5-10分钟

现在:

1. 打开产品页
2. 点击插件图标
3. 点"开始抓取"
4. 完成!
5. 单个产品:30秒

第二天:真实使用,发现问题

问题1:导入 Shopify 失败

周六早上,我兴奋地尝试把数据导入 Shopify,结果:

错误提示:Title 过长(最多255个字符)

我截图发给 Claude:”为什么会这样?”

Claude 的反应让我惊喜

它不仅解释了原因:

  • 速卖通的标题经常很长
  • Shopify 有字数限制
  • 需要自动截断

更重要的是,它立刻改进了代码,还告诉我 Shopify 所有字段的限制规则。

20分钟后,问题解决了。

问题2:速卖通抓不到数据

下午测试时发现,某些速卖通产品页面完全抓不到信息。

我又截图发给 Claude。

这次它的分析更深入:

  • 速卖通改版了,用了新的页面结构
  • 需要添加更多识别方法
  • 有些图片是延迟加载的

然后它重写了抓取逻辑,用了15种不同的方法来找产品信息。

就像一个侦探,如果这个线索找不到,就换另一个线索。


第二天晚上:追求完美

问题3:数据不够完整

虽然能用了,但我发现:

  • 只能抓1张图片(产品有6张)
  • 没有产品视频
  • 描述太简短

我想要更完整的数据。

Claude 的”升级”

这次对话很有意思。我说:”我想要所有图片,还有视频链接。”

Claude 问了我几个问题:

  • “图片是要全部还是前几张?”
  • “视频要下载还是只要链接?”
  • “描述要多详细?”

然后它花了几个小时(我在旁边看着代码一点点生成),做了大升级:

v3.0 的能力:

  • 📸 抓取最多10张高清图片
  • 🎥 找到产品视频链接
  • 📝 完整的产品描述(3000字)
  • ⭐ 评分和销量数据
  • 📊 产品规格参数

界面也变聪明了

现在插件会告诉我数据完整度:

产品标题
价格: $97.11

[📸 5张图片] [🎥 1个视频] [📝 有描述]

绿色表示有,红色表示没有。一目了然。


周日:最难的挑战

产品描述的难题

周日早上,我发现导入的产品描述只有一句话:
“Smarter Shopping. Better Living! Aliexpress.com”

这不是我想要的产品详情啊!

Claude 的坦诚

这次 Claude 很坦诚地告诉我:

“速卖通的描述很难抓,因为:

  1. 有些在标签页里,默认隐藏
  2. 有些是动态加载的
  3. 有些甚至是图片形式”

但它没有放弃。

它给了我三个方案:

方案A:改进插件

  • 增加更多抓取方法
  • 教我怎么用(”滚动到页面底部,等待加载”)

方案B:给我一段脚本

// 在浏览器控制台运行这段代码
// 一键提取描述并复制

方案C:AI 改写
“如果还是不行,你可以把产品信息给 ChatGPT,让它写一段专业的描述。”

我的感受

这让我印象深刻。

Claude 不是那种”我是 AI,我什么都能做”的傲慢,而是:

  • 承认技术的局限
  • 提供多种解决方案
  • 把选择权交给我

这才是好的 AI 助手。


最终成果:超出预期

数字说话

  • ⏱️ 总开发时间: 16小时(分散在2天)
  • 🔄 版本迭代: 从 v1.0 到 v3.1,共6个版本
  • 📊 效率提升: 从10分钟/产品 → 30秒/产品
  • 💰 ROI: 效率提升约20倍
  • 🌐 支持平台: 9个主流电商平台

能做什么?

  1. 一键抓取产品信息
  • 标题、价格、图片、视频、描述、评分
  1. 多种导出格式
  • Shopify CSV(可直接导入)
  • 普通 CSV(Excel)
  • JSON(开发用)
  1. 智能过滤
  • 可以只导出有图片的产品
  • 可以只导出完整数据的产品
  1. 数据完整度检查
  • 一眼看出哪些数据缺失
  • 彩色标签提示

我学到的最重要的事

1. AI 不是魔法,是工具

刚开始我以为只要告诉 AI “做个插件”,它就能变出来。

实际上,我需要:

  • ✅ 清楚地描述需求
  • ✅ 测试并反馈问题(截图很重要!)
  • ✅ 做出选择(多个方案选哪个)
  • ✅ 理解基本概念(虽然不会写代码)

AI 是放大器,它放大的是你的想法和判断力。

2. 技术门槛真的降低了

我完全不懂:

  • JavaScript
  • HTML
  • CSS
  • Chrome 插件开发

但我做出了一个能用的产品。

为什么?

因为我懂:

  • ✅ 我的需求是什么
  • ✅ 好的产品该是什么样
  • ✅ 用户会遇到什么问题
  • ✅ 如何测试和改进

这些才是关键。

3. 重要的是解决问题,不是代码

整个过程中,我从来没看懂过代码(就看个大概)。

但我知道:

  • 这个功能对不对
  • 这个体验好不好
  • 还缺什么

这就够了。

代码是 Claude 的事,产品是我的事。


给想尝试的人的建议

你不需要:

  • ❌ 学编程
  • ❌ 懂技术术语
  • ❌ 有计算机背景
  • ❌ 年轻(我40多了)

你需要:

  • ✅ 一个明确的需求
  • ✅ 愿意尝试和学习
  • ✅ 能清楚表达问题
  • ✅ 有耐心(会遇到问题)

具体怎么做?

第1步:想清楚要什么

不要说”我想做个网站”,要说:

  • “我想做个能xxx的工具”
  • “我希望它能yyy”
  • “用户是zzz”

第2步:和 AI 对话

  • 像和朋友聊天一样
  • 遇到问题就截图
  • 不懂就问

第3步:测试改进

  • 自己先用用
  • 发现问题就反馈
  • 一点点改进

第4步:不要追求完美

  • 能用就行
  • 先发布,再改进
  • 80分的产品胜过100分的计划

Claude 为什么厉害?

用了这么久,我总结了几点:

1. 它真的”懂”你的意思

不需要技术术语,说人话就行。

我说”速卖通抓不到”,它就知道:

  • 要去分析速卖通的页面
  • 要测试不同的抓取方法
  • 要考虑各种特殊情况

2. 主动思考

它不是简单地回答问题,而是:

  • 预判可能的问题
  • 提供多种方案
  • 解释为什么这样做

比如改字段长度限制时,它不仅修复了标题,还主动检查了描述、图片等所有字段。

3. 有耐心

我问了无数次”为什么”,它都认真回答。

有时候同一个问题换个角度问,它会用不同方式解释,直到我明白。

4. 诚实

遇到做不到的事情,它会直接说:

  • “这个技术上很难,因为…”
  • “我建议用这个替代方案…”
  • “你可能需要手动处理这部分”

没有 AI 那种”万能”的虚假承诺。

5. 持续学习

整个过程中,它在不断改进:

  • v1.0 的抓取方法很简单
  • v2.0 加了更多选择器
  • v3.0 用了15种方法

就像真的在和我一起进步。


这意味着什么?

对个人:

新的可能性

以前觉得”这需要程序员”的事情,现在自己就能做。

这不仅仅是效率提升,而是:

  • 💡 有想法就能实现
  • 🚀 不用依赖别人
  • 💰 节省成本和时间
  • 📈 快速试错和改进

对创业者:

降低门槛

MVP(最小可行产品)从”需要找程序员”变成了”自己周末就能做出来”。

想验证一个想法?做出来试试就知道了。

对所有人:

思维方式的改变

重要的不再是”我会不会”,而是:

  • 我想不想做
  • 我能不能坚持
  • 我愿不愿意学习

技能可以用 AI 补足,但想法和动力不能。


最后想说的话

这个小插件可能不完美,但它证明了一件事:

在 AI 时代,普通人真的可以做出产品。

你不需要:

  • 名校学历
  • 技术背景
  • 大量资金
  • 专业团队

你只需要:

  • 一个想解决的问题
  • 一个好的 AI 助手(比如 Claude)
  • 愿意尝试的心态
  • 一点点时间

写给还在犹豫的你

如果你也有个想法,但觉得”我不会编程,做不了”:

试试看。

最坏的结果是什么?浪费几个小时?

最好的结果呢?你可能做出一个改变自己生活的工具。

AI 已经准备好了,就看你准备好了没有。


附录:技术细节(给感兴趣的人)

如果你想了解更多技术细节:

  • 📦 使用的 AI:Claude (Anthropic)
  • 💻 插件类型:Chrome Extension (Manifest V3)
  • 📝 代码量:约2000行
  • 🌐 支持平台:Amazon, AliExpress, eBay, Shopify等
  • 📊 导出格式:JSON, CSV, Shopify CSV

完整的代码和文档都在插件包里,可以直接用。


作者: max
时间: 2026年1月
工具: Claude AI
心得: AI时代,人人都能做产品


如果这篇文章对你有启发,欢迎分享。

试试看,你也可以。

发表评论