能力标签
🛠
AI工具

陪读蛙

基于 TypeScript · 开源免费,本地部署,数据完全自主可控
英文名:read-frog
⭐ 7.2k Stars 🍴 467 Forks 💻 TypeScript 📄 GPL-3.0 🏷 AI 8.2分
8.2AI 综合评分
浏览器扩展沉浸式翻译开源工具Chrome扩展多语言翻译
✦ AI Skill Hub 推荐

经 AI Skill Hub 精选评估,陪读蛙 获评「强烈推荐」。已获得 7.2k 颗 GitHub Star,这款AI工具在功能完整性、社区活跃度和易用性方面表现出色,AI 评分 8.2 分,适合有一定技术背景的用户使用。

📚 深度解析

陪读蛙 是一款基于 TypeScript 的开源工具,在 GitHub 上收获 7k+ Star,是浏览器扩展、沉浸式翻译、开源工具、Chrome扩展领域中的优质开源项目。开源工具的最大优势在于代码完全透明,你可以审计每一行代码的安全性,也可以根据自身需求进行二次开发和定制。

**为什么要使用开源工具而非商业 SaaS?**
对于个人开发者和有隐私需求的用户,本地部署的开源工具意味着数据不离本机,不受第三方服务商的数据政策约束。同时,开源工具通常没有使用次数限制和月度费用,一次安装即可长期使用,对于高频使用场景的总拥有成本(TCO)远低于订阅制商业工具。

**安装与环境准备**
陪读蛙 依赖 TypeScript 运行环境。建议通过 pyenv(Python)或 nvm(Node.js)管理 TypeScript 版本,避免全局环境污染。对于新手用户,推荐先创建虚拟环境(python -m venv venv && source venv/bin/activate),再安装依赖,这样即使出现问题也可以随时删除虚拟环境重新开始,不影响系统稳定性。

**社区与维护**
GitHub Issue 和 Discussion 是获取帮助的最快渠道。在提问前建议先检查 Closed Issues(已关闭的问题),大多数常见问题都已有解答。遇到 Bug 时,提供 pip list 的输出、完整错误堆栈和最小可复现示例,能显著提高开发者响应速度。AI Skill Hub 将持续追踪 陪读蛙 的版本更新,及时通知重要功能变化。

📋 工具概览

陪读蛙 是一款基于 TypeScript 开发的开源工具,专注于 浏览器扩展、沉浸式翻译、开源工具 等核心功能。作为 GitHub 开源项目,它拥有活跃的社区支持和持续的版本迭代,代码完全透明可审计,支持本地部署以保护数据隐私。无论是个人使用还是集成到企业工作流,都能提供稳定可靠的解决方案。

GitHub Stars
⭐ 7.2k
开发语言
TypeScript
支持平台
Windows / macOS / Linux
维护状态
持续维护,定期更新
开源协议
GPL-3.0
AI 综合评分
8.2 分
工具类型
AI工具
Forks
467

📖 中文文档

以下内容由 AI Skill Hub 根据项目信息自动整理,如需查看完整原始文档请访问底部「原始来源」。

陪读蛙 是一款基于 TypeScript 开发的开源工具,专注于 浏览器扩展、沉浸式翻译、开源工具 等核心功能。作为 GitHub 开源项目,它拥有活跃的社区支持和持续的版本迭代,代码完全透明可审计,支持本地部署以保护数据隐私。无论是个人使用还是集成到企业工作流,都能提供稳定可靠的解决方案。

📌 核心特色
  • 开源免费,支持本地部署,数据完全自主可控
  • 活跃的 GitHub 开源社区,持续迭代更新
  • 提供详细文档和使用示例,新手友好
  • 支持自定义配置,灵活适配不同使用环境
  • 可作为基础组件集成进现有技术栈或进行二次开发
🎯 主要使用场景
  • 本地部署运行,保护数据隐私,满足合规要求
  • 自定义集成到现有系统,扩展技术栈能力
  • 作为开源基础组件进行商业化二次开发
以下安装命令基于项目开发语言和类型自动生成,实际以官方 README 为准。
安装命令
# 方式一:npm 全局安装
npm install -g read-frog

# 方式二:npx 直接运行(无需安装)
npx read-frog --help

# 方式三:项目依赖安装
npm install read-frog

# 方式四:从源码运行
git clone https://github.com/mengxi-ream/read-frog
cd read-frog
npm install
npm start
📋 安装步骤说明
  1. 访问 GitHub 仓库页面
  2. 按照 README 文档完成依赖安装
  3. 根据系统环境完成初始化配置
  4. 参考官方示例或文档开始使用
  5. 遇到问题可在 GitHub Issues 中查找解答
以下用法示例由 AI Skill Hub 整理,涵盖最常见的使用场景。
常用命令 / 代码示例
# 命令行使用
read-frog --help

# 基本用法
read-frog [options] <input>

# Node.js 代码中使用
const read_frog = require('read-frog');

const result = await read_frog.run(options);
console.log(result);
以下配置示例基于典型使用场景生成,具体参数请参照官方文档调整。
配置示例
# read-frog 配置说明
# 查看配置选项
read-frog --config-example > config.yml

# 常见配置项
# output_dir: ./output
# log_level: info
# workers: 4

# 环境变量(覆盖配置文件)
export READ_FROG_CONFIG="/path/to/config.yml"
📑 README 深度解析 真实文档 完整度 49/100 查看 GitHub 原文 →
以下内容由系统直接从 GitHub README 解析整理,保留代码块、表格与列表结构。

简介

[![Read Frog banner][image-banner]][website]

<a href="https://trendshift.io/repositories/22377" target="_blank"><img src="https://trendshift.io/api/badge/repositories/22377" alt="mengxi-ream%2Fread-frog | Trendshift" style="width: 250px; height: 55px;" width="250" height="55"/></a>

An open-source AI-powered language learning extension for browsers.<br/> Supports immersive translation, article analysis, multiple AI models, and more.<br/> Master languages effortlessly and deeply with AI, right in your browser.

English · 简体中文 · Official Website · Tutorial · Changelog · Blog

[![Latest Version badge][extension-release-shield]][github-release-link] [![Chrome Version badge][chrome-version-shield]][chrome-store-link] [![Edge Version badge][edge-version-shield]][edge-store-link] [![Firefox Version badge][firefox-version-shield]][firefox-store-link]<br/> [![Discord badge][discord-shield]][discord-link] [![Chrome Users badge][chrome-users-shield]][chrome-store-link] [![Edge Users badge][edge-users-shield]][edge-store-link] [![Firefox Users badge][firefox-users-shield]][firefox-store-link]<br/> [![Stars badge][star-history-shield]][star-history-link] [![Contributors badge][contributors-shield]][contributors-link] ![Last Commit badge][last-commit-shield] [![Issues badge][issues-shield]][issues-link]<br/> [![Sponsor badge][sponsor-shield]][sponsor-link]

</div>

2025 Recap

<details> <summary><kbd>Table of contents</kbd></summary>

TOC

<br/>

</details>

✨ Features

Transform your everyday web reading into an immersive language learning journey with Read Frog's powerful features.

👋🏻 Getting Started & Join Our Community

Read Frog's vision is to provide an easy-to-use, intelligent, and personalized language learning experience for language learners of all levels. This has become possible in the AI era, but there are few products on the market that meet this demand. Therefore, we decided to take matters into our own hands and ultimately make the world no longer reliant on human language instructors.

Whether you are a user or a developer, Read Frog will be an important part of your journey toward this vision. Please be aware that Read Frog is currently under active development, and feedback is welcome for any [issues][issues-link] encountered.

🔄 [Bilingual / Translation Only][docs-tutorial]

Switch seamlessly between two translation display modes. Bilingual mode shows the original text alongside its translation, perfect for learning and comparison. Translation-only mode replaces the original text entirely for a cleaner reading experience.

The extension automatically re-translates all visible content when you switch modes while translation is active, ensuring a smooth transition without needing to refresh the page.

[![Back to top][back-to-top]](#readme-top)

</div>

✨ [Selection Translation][docs-tutorial]

Select any text on a webpage to reveal a smart toolbar with powerful options. Translate streams the translation in real-time. Explain provides detailed explanations tailored to your language level. Speak reads the text aloud using text-to-speech.

The toolbar intelligently positions itself to stay within the viewport, supports drag interactions, and works across all websites. Perfect for quick lookups while reading.

[![Back to top][back-to-top]](#readme-top)

</div>

🧠 [Context-Aware Translation][docs-tutorial]

Enable AI to understand the full context of what you're reading. When activated, Read Frog extracts the page title and a concise Markdown version of the page content, providing this context to the AI for more accurate, contextually-appropriate translations.

This means technical terms get translated correctly within their domain, literary expressions maintain their nuance, and ambiguous phrases are interpreted based on the surrounding content rather than in isolation.

[![Back to top][back-to-top]](#readme-top)

</div>

🎬 [Subtitle Translation][docs-tutorial]

Translate YouTube subtitles directly in the video player. Watch foreign language content with translations displayed alongside the original subtitles, making video content accessible for language learning.

[![Back to top][back-to-top]](#readme-top)

</div>

🔊 [Text-to-Speech (TTS)][docs-tutorial]

Listen to any selected text with high-quality AI voices. Powered by Edge TTS — completely free, with 150+ voices across 80+ languages including Chinese, English, Japanese, Korean, and many more. Adjust rate, pitch, and volume to your preference.

Automatic language detection (basic or LLM-powered) with per-language voice mapping ensures the right voice for every language. Smart sentence-aware chunking handles long text by splitting at natural boundaries and prefetching the next chunk for seamless playback. Perfect for pronunciation practice and auditory learning.

[![Back to top][back-to-top]](#readme-top)

</div>

📦 [Batch Requests][docs-tutorial]

Save up to 70% on API costs with intelligent request batching. Read Frog groups multiple translation requests into single API calls, reducing overhead and token usage while maintaining translation quality.

The system includes smart retry logic with exponential backoff and automatic fallback to individual requests if batch processing fails. All handled transparently in the background.

[![Back to top][back-to-top]](#readme-top)

</div>

🤖 [20+ AI Providers][docs-tutorial]

Connect to 20+ AI providers through Vercel AI SDK: OpenAI, DeepSeek, Anthropic Claude, Google Gemini, xAI Grok, Groq, Mistral, Ollama, and many more. Configure custom endpoints, API keys, and model settings for each provider.

Plus free translation options: Google Translate, Microsoft Translate, and DeepLX for cost-free basic translations.

[![Back to top][back-to-top]](#readme-top)

</div>

📺 Demo

Read Frog Popup Interface Read Frog Translation Interface
🎯 aiskill88 AI 点评 A 级 2026-06-01

高质量开源翻译扩展,集成先进AI模型,用户体验好。代码维护活跃,社区认可度高,是沉浸式阅读的优选工具。

⚡ 核心功能

👥 适合人群

AI 技术爱好者研究人员和学生开发者和工程师技术创业者

🎯 使用场景

  • 本地部署运行,保护数据隐私,满足合规要求
  • 自定义集成到现有系统,扩展技术栈能力
  • 作为开源基础组件进行商业化二次开发

⚖️ 优点与不足

✅ 优点
  • +GitHub 7.2k Star,社区高度认可
  • +GPL-3.0 协议,可免费商用
  • +完全开源免费,无授权费用
  • +本地部署,数据完全自主可控
  • +开发者社区支持,遇问题可查可问
⚠️ 不足
  • 安装和初始配置可能需要一定技术基础
  • 功能完整性通常不如成熟商业产品
  • 技术支持主要依赖开源社区,响应速度不稳定
⚠️ 使用须知

AI Skill Hub 为第三方内容聚合平台,本页面信息基于公开数据整理,不对工具功能和质量作任何法律背书。

建议在沙箱或测试环境中充分验证后,再部署至生产环境,并做好必要的安全评估。

📄 License 说明

⚠️ GPL 3.0 — 强 Copyleft,衍生作品须开源,含专利保护条款,不可闭源使用。

🔗 相关工具推荐

🧩 你可能还需要
基于当前 Skill 的能力图谱,自动补全的工具组合

❓ 常见问题 FAQ

主要支持Chrome浏览器,其他Chromium内核浏览器也可使用。
💡 AI Skill Hub 点评

AI Skill Hub 点评:陪读蛙 的核心功能完整,质量优秀。对于AI 技术爱好者来说,这是一个值得纳入个人工具库的选择。建议先在非生产环境试用,再逐步推广。

📚 深入学习 陪读蛙
查看分步骤安装教程和完整使用指南,快速上手这款工具
🌐 原始信息
原始名称 read-frog
Topics 浏览器扩展沉浸式翻译开源工具Chrome扩展多语言翻译
GitHub https://github.com/mengxi-ream/read-frog
License GPL-3.0
语言 TypeScript
🔗 原始来源
🐙 GitHub 仓库  https://github.com/mengxi-ream/read-frog 🌐 官方网站  https://readfrog.app

收录时间:2026-06-01 · 更新时间:2026-06-01 · License:GPL-3.0 · AI Skill Hub 不对第三方内容的准确性作法律背书。