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

查看 4|回复 0
作者:songweibiao   
各位佬友大家好,潜水很久了,很久没带来新作品了。最近一直想找一个趁手的划词助手,市面上现成的插件不少,但大多要么过于臃肿(满屏广告和注册引导),要么模型支持有限。作为一个“强迫症”开发者,我决定自己动手撸一个趁手的划词工具。扩展的名称是:FlashClip (闪电划词),提供划词解释、翻译、总结、润色、搜索、复制等功能。支持 17+ 种 AI 模型服务商,完全开放可配置,所有交互均在浏览器端完成。
💡 为什么要做这个?
我给它定的设计原则是:自由、开放,轻量化。我不希望它打扰我的阅读,只在需要时出现,最少可以只显示一个图标,想要几个快捷操作就保留几个。
✨ 觉得还算拿得出手的地方:
[ol]

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

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

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

  • UI/UX 美观: 引入了 Framer Motion 动画和代码高亮,支持对话窗口的 Pin 固定和拖拽,夜间和日间模式适配,整体 UI 细节还算做的不错。
    [/ol]
    🛠️ 技术栈

  • 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 服务商没适配,或者有什么想要的功能,请在下面回复,我会尽力更新,谢谢大家🙏!
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部