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 布局中。
相关链接
- 布局模式
- Agent Input —— Vibe 主页所基于的编辑器
- Mosaic —— 平铺式替代方案