用ai写一个ai翻译插件

3 min read,created at 2024-09-17
aillmextentiontoolstranslate

最近发现utools工具中常用的翻译插件不好使了,下载了百度翻译、有道翻译的插件,但是发现需要提供百度/有道的key才能访问,比较麻烦,其他第三方的又怕哪天不能用了,干脆就自己写一个插件算了。

image

image

使用ai来写

这里我们使用到vscode + claude-dev插件,并配置了claude-3.5-sonet这个编程效果较好的模型。

image

直接浏览器打开index.html,如下可以看到已经能实现英文翻译为中文的操作了,并且从script.js中能看到使用的就是google翻译的api。

image

改进

上面的页面有几个问题:

  • 1 只支持英文转中文,不支持中转英。
  • 2 只用到了谷歌翻译,没梯子的话就用不了。

继续给claude-dev提需求,让他支持中英互译,效果很不错:

img

然后我们提供一个ai翻译的接口,但是ai翻译的代码需要提供token等,我们让claude把这部分代码空出来,由我们自己来实现,效果同样很好:

image

接下来我们把需要调用ai翻译的部分补全,直接到silicon cloud用自己的token,在api文档中,让他给生成js代码。

image

替换原来的占位代码,测试效果也不错。

image

收尾

最后需要找个画图的ai给画一个可爱的logo,然后用utools加载就可以了。

image

详细代码在translate目录下,只不过script.js#L60需要替换成自己的token。

该工具开发完成,使用claude-3.5模型总共输入token数为200K,输出token数9K,花费$0.3大概2块钱,当然可以换更便宜的模型例如gpt-4o-mini gemini-flash或者开源的模型,只不过claude-dev中适配最好的还是claude-3.5模型。