本文目录：
- 背景
- /1 Chatbot Exporter
- /2 Claude Artifact Enhancer
- /3 Claude Search for Alfred
- 总结
背景
在这波AI浪潮中，浏览器插件作为便捷的工具受到了广泛关注。
我个人也经常使用一些插件，在遇到不够顺手的场景时，会尝试自己开发一些小工具。
经过一段时间的打磨，我想把这些可能有用的工具分享给大家，希望能为大家带来一些便利。
这些工具其实上个月就开发好了，但为了提高质量，我花了不少时间重构和优化，也学习了很多新东西，比如自动化CICD和谷歌商店发布流程。
/1 Chatbot Exporter
第一个插件叫chatbot-exporter，它可以一键截取当前AI聊天产品的对话历史长图(自动拼接，无需手动滚动)。目前支持claude、chatgpt、秘塔、阶跃等平台，未来也会考虑增加对其他平台的支持。
开发过程中遇到了不少挑战，比如:
- 不同产品的页面布局差异较大，需要针对性处理
- 截图区域的精确定位比预想的复杂
- 需要妥善处理各种DOM观察和页面重定向的情况
最终，参考了一些优秀插件（比如 Owen 的 沉浸式翻译、抖音的豆包插件）的设计，我把它做成了一个可拖动的悬浮按钮，放在窗口边缘（原本默认位置是窗口 1/2 处，结果发现沉浸式翻译插件也在这个位置，所以就改成了 1/3），点击即可导出当前页面的对话内容。
以下是一些截图效果展示:
项目地址（含 release）：https://github.com/cs-magic/exts_chrome_chatbot-exporter ，也可以后台回复「chatbot-exporter」 直接下载插件压缩包。具体使用方式，就是在你的谷歌/Arc浏览器内导入即可，其他浏览器暂未做测试。
/2 Claude Artifact Enhancer
第二个插件专注于增强Claude的Artifact功能，主要是添加了下载Artifact中图片的功能。这个需求源于我们经常需要导出Claude生成的SVG图片，设计上尽量保持了与Claude界面的一致性。
项目地址（含 release）：https://github.com/cs-magic/exts_chrome_claude-artifact-enhancer ，也可以后台回复「claude-artifact-enhancer」 直接下载插件压缩包。具体使用方式，就是在你的谷歌/Arc浏览器内导入即可，其他浏览器暂未做测试。
另外，全栈工程师银海也开发了一个通用的SVG复制粘贴导出插件，有兴趣的朋友也可以看看: inhai-wiki/SVG-Copilot
/3 Claude Search for Alfred
第三个是Mac上的Alfred插件，用于快速搜索Claude。
开发这个插件的过程也颇具挑战性。主要难点在于大多数AI对话产品不支持直接的URL参数查询，需要模拟浏览器操作。最终通过结合webbrowser和pyautogui，再配合OCR技术来定位界面元素，实现了相对流畅的自动化操作。
项目地址：https://github.com/cs-magic/exts_alfred_claude-search ，使用方式见 ReadMe。
总结
以上就是我最近开发的几个小工具。虽然还有很多可以改进的地方，但希望能为大家带来一些便利。
如果您在使用过程中有任何建议或者遇到问题，欢迎随时反馈。我会继续努力，为开源社区贡献自己的一份力量~