Vibe Kanban 任务面板头部实战指南：任务搜索与执行流程查看的完整教程
【免费下载链接】vibe-kanbanGet 10X more out of Claude Code, Codex or any coding agent项目地址: https://gitcode.com/GitHub_Trending/vi/vibe-kanban
Vibe Kanban 是一款把 Claude Code、Codex 等编码代理的活儿收进同一块看板的工具。任务面板头部是它的操作中枢：找任务、建任务、盯执行，都从这条工具栏发起。想知道 Vibe Kanban 怎么用？这篇教程按你的真实操作顺序带一遍，几分钟就能上手。
左、中、右：30 秒看懂任务面板头部布局
打开 Vibe Kanban，先把视线从左到右扫一遍头部这一条：左边回答"我在哪"，中间负责"找到东西"，右边集中了高频操作入口。
| 位置 | 你看到的 | 它的作用 |
|---|---|---|
| 左 | "VIBE-KANBAN" 名称 + 圆形品牌图标，深底配白字 | 品牌识别区，随时确认当前系统 |
| 中 | 搜索框，占位文案 "Search Vibe Kanban" | 任务搜索入口，输入关键词秒定位任务 |
| 右 | "+" 新建按钮、文档图标、设置齿轮、汉堡菜单 | 快速建任务、管理附件、进设置、切换更多视图 |
先找任务，再建任务：两个最高频动作
当你想找上周那个卡住的任务时，不用翻列表——直接点中间搜索框，输入关键词，任务搜索会在全局范围内帮你定位，文档、任务都能快速找到。
要新增任务更简单：点右侧的"+"按钮，任务卡片即时创建，随后拖到看板对应状态列，一个卡片、一列状态，任务就落位了。看板工具的价值正在于此：找得快、建得也快。
盯住执行过程：点开任务，读通执行流程
任务跑起来之后，你真正关心的是代理在干什么。观察顺序很简单：点开一个任务 → 点右上角"…"展开 Execution processes 下拉菜单 → 逐条读状态。
下拉菜单里藏着这些关键信息
- 流程名称：setupScript、codingAgent 等，一眼看出哪一步在跑
- Process ID：每条流程的唯一标识
- 执行角色（Agent）：是哪一个代理在干活
- 精确时间戳：开始与结束的时刻
- 状态标识：绿色对勾 + completed 代表跑完了
- 退出码：Exit 0 即执行成功
执行流程看完了，再看看板顶部的四个状态列，颜色即进度：To Do 灰色、In Progress 蓝色、In Review 橙色、Done 绿色。扫一眼颜色，任务进度一目了然。
效率进阶三招
- 用键盘接管鼠标：快捷键体系在 packages/web-core/src/shared/keyboard/ 中定义，常用操作都能配成按键，找任务、切视图不再伸手。
- 小屏也能用：头部采用响应式布局，窄屏时自动调整排布，移动端的核心功能依旧可达。
- 按团队口味扩展：想加团队专属按钮或接入第三方工具，可以从 TaskPanelHeaderActions.tsx 组件入手做自定义扩展。
小结
掌握"左中右找入口、搜索建任务、菜单看执行"这三步，Vibe Kanban 头部工具栏就彻底通了。接下来不妨深入仓库的 docs/ 目录，把工作区、多仓库会话这些进阶玩法也串起来。
【免费下载链接】vibe-kanbanGet 10X more out of Claude Code, Codex or any coding agent项目地址: https://gitcode.com/GitHub_Trending/vi/vibe-kanban
创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考
