Wonder Dev View favicon

Wonder Dev View

Wonder Dev View 是一款专为 macOS 设计的集成开发环境,它将编程智能体、Git worktree 工作区与终端会话直接置于实时应用程序预览和交互式设计画布旁边,为前端开发提供统一的操作界面。

编程&IT在各分支的独立 worktree 副本之间并行运行编程任务使用自定义运行命令在智能体对话旁边嵌入实时 Web 应用预览将设计画布组件与底层前端代码保持双向同步在多个已配置账户之间切换 Claude Code 与 Codex 模型
Wonder Dev View product interface screenshot
预计月访问量
3.3万
数据月份:
收录于 AIToolly

Wonder Dev View 是什么?产品概览

产品用途与官方定位

Wonder Dev View 是一款专为开发者打造的专业开发环境工具,将编程智能体和代码仓库工具与交互式设计画布无缝整合。该软件运行于 macOS 系统,在专为构建用户界面的工程师设计的统一界面中,集中展示项目文件、命令行终端、智能体对话以及 GitHub 拉取请求。

该工具采用自带智能体模式,可无缝对接用户现有的 Claude Code 和 Codex 订阅账户。通过将每个开发任务隔离在独立的 Git worktree 中,该环境支持开发者同时并行执行多个智能体任务,避免产生合并冲突或需要重复手动安装项目依赖。

Wonder Dev View 可以用来做什么?

有官方来源支持的使用场景

并行智能体任务执行

在独立的 Git worktree 上同时运行多个编程智能体,以开发不同功能或修复错误,完全避免工作目录之间的文件冲突。

可视化界面实现与调优

在智能体对话窗口旁实时预览应用程序组件,直观检查布局效果并直接指导智能体调整前端界面代码。

合并前代码验证

在开放的分支和拉取请求上触发次级智能体进行自动化代码审查,在最终完成代码合并之前排查潜在缺陷。

如何使用 Wonder Dev View

官网提供的使用流程

  1. 1

    初始化任务工作区

    打开代码仓库分支或团队成员的拉取请求,系统将为该任务自动创建独立且隔离的 Git worktree。

  2. 2

    执行编程提示词

    向已连接的智能体模型发送指令,使其深入分析代码库并在项目文件之间生成所需的代码修改。

  3. 3

    运行并预览应用程序

    使用配置好的运行命令启动本地项目,在内置的设计画布预览窗口中直接查看实时渲染的界面。

  4. 4

    提交并开启拉取请求

    审查已暂存的文件差异,使用内置的 Git 工具完成提交与推送,无需离开应用即可直接发起拉取请求。

  5. 5

    触发次级智能体审查

    调用第二个智能体模型运行自动化代码审查,在合并前及时发现潜在问题并全面优化代码质量。

Worktree 隔离与多智能体编排

Wonder Dev View 通过为每个工作区分配独立的 Git worktree 来协调多个编程智能体。由于每个 worktree 都是分支的独立副本,因此并行开发任务可以有效规避本地并发开发中常见的文件锁定、依赖冲突以及频繁切换终端的问题。

该环境直接对接用户自行提供的 AI 智能体订阅,包括 Claude Code 和 Codex。开发者可以配置多个用户账户,并在每个对话会话中单独选择所需的模型及其推理强度级别,从而为具体的编程任务灵活分配最合适的智能体资源。

  • 独立的 Git worktree 彻底消除并发分支之间的任务冲突。
  • 直接集成个人及团队组织的 Claude Code 与 Codex 账户。
  • 在具体任务级别实现对模型选择和推理强度设置的精细控制。

选择 Wonder Dev View 前需要测试什么

用自己的素材和工作流完成验证

  • 确认您的开发设备运行的是 macOS 系统,因为当前智能体仅支持本地执行,暂未提供云端工作区。
  • 验证您是否拥有 Claude Code 或 Codex 等受支持智能体的有效订阅凭证与访问权限。
  • 评估团队成员对分支、提交及拉取请求等核心 Git 和 GitHub 工作流规范的熟悉程度。

Wonder Dev View 来源与核对时间

核对了哪些信息以及核对时间

最后核对
分类
编程&IT

Wonder Dev View 常见问题

基于已核对产品资料的回答

Wonder 是否支持在云端运行编程智能体?

目前不支持云端工作区。编程智能体现阶段仅在用户的本地机器上运行,不过云端工作区功能已列入未来的产品规划路线图中。

用户是否需要自备 AI 订阅账户?

是的。Wonder 本身作为操作界面框架运行,用户必须自行连接并配置现有的 Claude Code 或 Codex 等受支持智能体的订阅账户。

Wonder 是如何防止多个智能体并行运行时产生冲突的?

Wonder 会将每个工作区完全隔离在独立的 Git worktree 中,为每个任务提供分支的独立本地副本,从而确保并行智能体任务互不干扰、平稳运行。

设计画布在开发工作流中扮演什么角色?

设计画布呈现的是真实的前端结构而非静态图像,它允许智能体直接从代码中拉取界面、将可视化编辑反向同步至代码,并实时呈现应用运行效果。

使用 Wonder 是否必须具备 Git 和 GitHub 的相关知识?

是的,用户至少需要掌握 Git 和 GitHub 的基础知识,因为整个工作区与智能体对话都是紧密围绕 Git 分支、提交、推送和拉取请求追踪来组织的。

继续查看同一分类中近期收录的其他工具。