Vibe Coder 布局

一种以提示词优先的布局:一个全尺寸编辑器,用于项目、智能体和模型的快捷标签,以及并排显示的预览、变更和代码。

大多数布局将工具排列在代码周围。Vibe Coder 则将它们围绕一个问题排列:你想构建什么?

在布局选择器中选择 Vibe Coder。工作区会重新排列为一个编辑器优先的界面 —— 终端仍然是真实的、仍在后台运行,它只是不再是映入眼帘的第一件事。

Vibe 主页

主页是一个全尺寸的编辑器,而非精简的聊天框。你在 Agent Input 中拥有的一切功能在此都可用:

  • @ 提及文件、终端、智能体和同级项目
  • 技能和斜杠命令
  • 提示词模板
  • 拖放图片

提示词下方有一排快捷标签,决定本次运行的行为方式:

  • Project —— 本次提示词针对哪个仓库运行
  • Agent —— Claude Code、Codex、Kimi、Pi,或你安装的任何其他智能体
  • Model —— 该智能体的模型标签
  • Plan or build —— 智能体是先草拟计划还是直接开始修改文件
  • How much it asks —— 本次运行的权限姿态

未加载任何项目时打开应用,Vibe 主页仍会欢迎你,因此一个新想法不必从挑选文件夹开始。

提交后,它变成一场对话

发送提示词后,Vibe 主页会转变为对话视图。底层智能体是一个普通的终端 —— 一键即可随时获得原始 TUI,而你所了解的关于 会话持久化恢复 的一切仍然适用。

最近的对话列在主页上,因此继续昨天的讨论只需一次点击,而无需在标签页中翻找。

预览、变更和代码

右侧面板将三个视图并排展示:

  • Preview —— 你的应用正在运行,通过内置的 浏览器
  • Changes —— 智能体正在生成的差异,实时显示
  • Code —— 文件本身

其目的是让你观看构建过程,而非事后费力寻找结果。

何时使用

Vibe Coder 适合从描述开始而非从文件开始的工作:一项新功能、一次技术探索、一个原型,或是在你尚不熟悉的仓库上驱动智能体。若要进行一整天的人工编辑,Default 或 Classic 会更适合你。

布局是按项目独立的,因此一个项目可以使用 Vibe Coder,而另一个项目仍保留在 Default 布局中。

相关链接