Tidewave Web——Rails/Phoenix 的浏览器 AI 助手

2025 年 9 月 8 日更新：现已支持 OpenAI 和 OpenRouter。

2025 年 11 月 11 日更新：现已支持 Claude Code、OpenAI Codex 和 Agent。

2025 年 11 月 13 日更新：新增对 Vite 和 React 的支持。

今天，我们正式推出面向 Rails 和 Phoenix 的 Tidewave Web：这是一款直接在浏览器中运行的 coding agent。它与你的 Web 应用并肩工作，运行在你自己的开发环境中，并能完整掌握页面和代码上下文。

传统 coding agent 需要你不断来回沟通，而 Tidewave Web 知道 UI 当前所处的状态，理解你使用的框架，并且就在实际开发环境中运行。你不必再描述屏幕上显示了什么、复制 stacktrace，或是在不同工具之间切换时丢失上下文。

我们的核心功能包括：

• 共享页面上下文——Tidewave 可以直接访问 UI 的当前状态，并自动将其映射到对应的 controller、view 和 template。你不再需要描述自己正在查看什么，也不必手动追踪代码路径。

• 共享页面上下文——Tidewave 可以直接访问 UI 的当前状态，并自动将其映射到对应的 controller、view 和 template。你不再需要描述自己正在查看什么，也不必手动追踪代码路径。

• 深度集成框架——Tidewave 可以在正在运行的 Rails/Phoenix 应用中执行代码、查询数据库、监控日志、访问文档等，让 Agent 拥有与你相同的开发工具。

• 深度集成框架——Tidewave 可以在正在运行的 Rails/Phoenix 应用中执行代码、查询数据库、监控日志、访问文档等，让 Agent 拥有与你相同的开发工具。

• 协作式浏览器测试——Tidewave 可以在你的应用中构建完整功能，并直接在浏览器里验证它们是否正常工作。你还可以使用我们的点击式检查器提出改进建议和变更请求。

• 协作式浏览器测试——Tidewave 可以在你的应用中构建完整功能，并直接在浏览器里验证它们是否正常工作。你还可以使用我们的点击式检查器提出改进建议和变更请求。

• 运行在你的开发环境中——只需向 Rails/Phoenix 应用添加一个 package，连接现有的 GitHub Copilot 或 Anthropic 账户，然后在浏览器中访问 Web 应用的 /tidewave 路由即可。

• 运行在你的开发环境中——只需向 Rails/Phoenix 应用添加一个 package，连接现有的 GitHub Copilot 或 Anthropic 账户，然后在浏览器中访问 Web 应用的 /tidewave 路由即可。

你可以免费试用 Tidewave Web。

关键在于共享上下文

使用传统 coding agent 构建 Web 功能，意味着你必须不断地在不同工具之间切换。你在浏览器中看到某个地方需要修改，于是切换到编辑器里查找正确的 template，然后再向一个根本看不到网页的 AI 描述你的需求。

Agent 说它已经完成了。你刷新浏览器，却遇到了 runtime exception。于是回到编辑器解释错误。Agent 修复了它。再回到浏览器，这次发现缺少 database migration。你只好再次返回编辑器。

你成了一个不停为摸黑工作的 Agent 翻译信息的人。归根结底，这是因为你和 Agent 分别工作在两个彼此独立的上下文中：

Tidewave Web 消除了这种来回切换。你可以点击我们的检查器，选择任意 UI 元素（例如一个菜单容器），然后告诉它：“在这个菜单里添加一个 CSV 导出按钮，用于导出当前页面的数据。实现完整功能。”

Tidewave 能准确看到你选择的内容，并将其直接映射到对应的 template，以及与之关联的 controller 和 view。在构建功能的过程中，它会自动查询数据库以理解数据，访问你的 model 和 schema，通过在浏览器中实际操作来测试功能，并在出现问题时读取日志。Tidewave 在你、Agent 与 Web 应用之间建立了共享上下文：

Tidewave 会替你处理这些烦琐的往复循环，让你能专注于真正重要的事情。

Package 中包含什么

Tidewave Web 以 Rails 和 Phoenix package 的形式提供，需要 GitHub Copilot 订阅或 Anthropic API key。安装完成后，访问 Web 应用的 /tidewave 路由，并注册免费试用账户。免费账户每月最多可发送 20 条用户消息。订阅每月 10 美元的 Tidewave Pro，即可解锁无限消息。

在这个初始版本中，我们重点打磨了 Agent 与 Web 应用之间的集成：包括 Agent 与页面交互的能力，以及与 Web 框架的深度集成。我们的路线图中还有许多 Agent 功能，例如 TODO 和 subagent；我们希望与首批用户密切合作，确定这些功能的优先级并不断完善它们。

我们也在努力集成更多 Web 框架。你可以加入我们的候补名单或 Discord Server，在相应版本上线时接收通知。

下一代 AI 开发者工具

在 Tidewave 背后的 Dashbit 团队中，我们成员合计拥有数十年构建、维护和贡献开发者工具、Web 框架及编程语言的经验。借助 Tidewave，我们正在探索 AI 开发者工具的新方向。当代 AI coding assistant 都是跨语言、跨领域工作的横向工具。它们理解代码，却不了解这些代码实际上如何运行，也无法与代码生成的结果进行交互。

软件开发横跨各种不同的领域与技术，我们相信，下一代 AI 工具必须从根本上理解这些领域和技术。Web 开发 Agent 应当与开发者共享上下文，直接查看页面并与之交互，而不是作为一个需要开发者不断解释的独立工具；同时，它还应该能够完整访问 Web 框架的 runtime。在移动开发领域，Agent 应该能够与设备 API 交互、运行 simulator，并融入开发者现有的工作流。这些正是我们希望通过 Tidewave 解决的挑战。

这一理念可以延伸到软件开发的每一个垂直领域，从游戏开发到 IoT。每个领域都有自己的 runtime environment、验证方法和调试工作流，而通用工具根本无法真正理解这些内容（MCP 也不足以弥合这种上下文鸿沟）。

我们的团队已经开始探索其中一些特定领域的可能性。面向 Rails 和 Phoenix 的 Tidewave Web 只是一个开始，我们迫不及待地想与大家分享接下来会发生什么。