AUTOMATION7.57.4k01
返回作品库
Read Frog - 沉浸式双语翻译与语言学习扩展
REACT, WXT, AI SDK, EDGE TTS · 做自动化工具
开源 AI 驱动沉浸式翻译,支持双语阅读、划词解释与 TTS。
开源 AI 驱动沉浸式翻译,支持双语阅读、划词解释与 TTS。
沉浸式翻译浏览器扩展AI翻译语言学习ReactWXT
0
复制 copy
1
分享 share
0
点赞 like
可复现三件套
预计 20 分钟前置:Node.js + pnpm;Chrome 浏览器
APROMPT / 提示词
使用 Cursor 或 Claude Code 创建一个沉浸式翻译浏览器扩展,基于 WXT 框架。要求:集成至少 3 种 LLM(如 OpenAI、DeepSeek)用于双语翻译,划词后弹出工具栏进行翻译、解释和朗读;利用 Edge TTS 免费语音合成;实现批量请求节省 API 成本;界面现代且可拖拽。参考开源项目 read-frog 的架构。
BSOURCE / 源码
// 暂无源码
HOW IT'S MADE / 拆解
01
克隆仓库并安装 pnpm 依赖
02
运行 pnpm dev 启动开发模式
03
在 Chrome 扩展页面加载 dist 目录,解锁阅读
Dr.Sharp 点评
Dr. Sharp:功能全面的翻译扩展,WXT+AI SDK 的实践典范,但 GPL-3.0 和繁多的模型依赖让自由的商业二次开发步履维艰。
Read Frog - 沉浸式双语翻译与语言学习扩展 · vbai.studio/works/read-frog
复制 prompt 或源码即可在本地复现 · 喜欢就生成带示例图的分享海报