分享一个自己开发的浏览器 AI 划词助手（FlashClip 闪电划词），支持 17+模型供应商，界面已打磨

[songweibiao]

各位佬友大家好，潜水很久了，很久没带来新作品了。最近一直想找一个趁手的划词助手，市面上现成的插件不少，但大多要么过于臃肿（满屏广告和注册引导），要么模型支持有限。作为一个“强迫症”开发者，我决定自己动手撸一个趁手的划词工具。扩展的名称是：FlashClip （闪电划词），提供划词解释、翻译、总结、润色、搜索、复制等功能。支持 17+ 种 AI 模型服务商，完全开放可配置，所有交互均在浏览器端完成。

💡 为什么要做这个？

我给它定的设计原则是：自由、开放，轻量化。我不希望它打扰我的阅读，只在需要时出现，最少可以只显示一个图标，想要几个快捷操作就保留几个。

✨ 觉得还算拿得出手的地方：

1. 模型自由： 一次适配了 17+ 种供应商，从国际主流的 OpenAI/Claude ，到国内的 DeepSeek 、通义、豆包，以及本地跑的 Ollama 。

2. 快捷操作自由选：想要哪些快捷操作，自己在后台可以随意自定义，展示样式也可以选择，所有快捷操作的 Prompt 都可以根据不同的动作单独配置，充分自由！

3. 不仅仅是划词： 还加入了搜索和复制功能，搜索引擎也支持完全的自定义。

4. UI/UX 美观： 引入了 Framer Motion 动画和代码高亮，支持对话窗口的 Pin 固定和拖拽，夜间和日间模式适配，整体 UI 细节还算做的不错。

🛠️ 技术栈

• Core: React 19 + TypeScript + Vite

• Style: Tailwind CSS 4 + Lucide Icons

• Logic: @mozilla/readability (提取网页正文)

安装方式：chrome 应用商店搜索扩展名称，edge 扩展商店正在审核中。

https://chromewebstore.google.com/detail/flashclip-free-ai-text-se/gajdagngnghmemlihphhhmfhhdmojhmc

💬 最后

如果有你特别喜欢的 AI 服务商没适配，或者有什么想要的功能，请在下面回复，我会尽力更新，谢谢大家🙏！

[Honwhy]

值得收藏~ 太多人做这个同类的作品了

[siteHe]

支持，希望越来越好

[songweibiao]

@siteHe @Honwhy 感谢支持，没找到符合我心意的，所以只能自己动手来了

[Varvel]

添加超过两个 Provider ，从第三个开始在插件栏无法正确获取模型，配置正常，并且已保存

[hoodjannn]

可以尝试 https://deeptranslate.ai/ 也很方便，而且 openai 免费

[songweibiao]

@Varvel 具体是添加哪个供应商有问题？还是只要是添加到第三个就有问题？

[Varvel]

@songweibiao #6 我这边测试是到第三个开始有问题，配置可以添加模型并保存，但是在插件栏只有 Provider ，没有配置好的 Model 。并非供应商问题，我全部添加的是私人的，不是 built-in 。

[songweibiao]

@Varvel 更新了一个版本待审核，回头看到有更新的时候可以更新试一下，如果还是没解决，可以进设置页关于我们加用户群进一步沟通。

[songweibiao]

edge 浏览器商店也审核通过了： https://microsoftedge.microsoft.com/addons/detail/lghjpkklaogiiecgommhoonmflekidbl