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

各位佬友大家好，潜水很久了，很久没带来新作品了。最近一直想找一个趁手的划词助手，市面上现成的插件不少，但大多要么过于臃肿（满屏广告和注册引导），要么模型支持有限。作为一个“强迫症”开发者，我决定自己动手撸一个趁手的划词工具。扩展的名称是：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 服务商没适配，或者有什么想要的功能，请在下面回复，我会尽力更新，谢谢大家🙏！