Appearance
Kiro IDE 的界面围绕 AI 辅助编程场景设计，由五个核心区域组成：中央的编辑器（Editor）、右侧的 Chat Panel、左侧的 Views 侧边栏、底部的 Status Bar，以及贯穿全局的 Command Palette。每个区域都高度集成了 AI 功能，从代码补全到 source control 提交，再到 MCP 服务器管理，开发者无需离开 IDE 即可完成完整工作流。
Kiro IDE 界面概览：主要组件与操作面板
Kiro 的界面将 AI 能力深度融入每一个操作区域，让你在写代码的同时随时调取 AI 支持。下面逐一介绍各主要组件。
主要界面组件
Kiro 的界面由以下五个核心部分构成：
- Editor（编辑器） — 中央代码编写区域
- Chat Panel（对话面板） — 专用 AI 交互窗口
- Views（视图侧边栏） — 文件管理、搜索、source control 等专用视图
- Status Bar（状态栏） — 文件状态、Git 信息、错误计数
- Command Palette（命令面板） — 快速执行操作的入口
Editor（编辑器）
编辑器是工作的核心区域，支持：
- 多语言语法高亮
- 行号与错误指示器
- 代码折叠，方便大文件导航
- 多标签页并行打开多个文件
- 分屏（Split View）支持，方便左右对比代码
Chat Panel（对话面板）
Chat Panel 是与 AI 直接交流的专属区域，常见用途包括：
- 询问代码含义或逻辑
- 请求生成或修改代码
- 调试协助与问题排查
- 请求代码 review 或优化建议
- 使用
#命令引入上下文（如#File、#Folder） - 生成样板代码与模板
调整 Chat Panel 位置：在顶部菜单选择 View > Appearance > Move Primary Side Bar Right，可将 Chat Panel 移至 IDE 右侧。
Views（视图侧边栏）
侧边栏包含多个专用视图：
| 视图 | 功能 |
|---|---|
| Explorer | 项目文件树、Git 状态指示，以及 Specs 和 MCP 服务器入口 |
| Search | 全局搜索与替换 |
| Source Control | Git 操作管理、变更查看、AI 生成提交信息 |
| Run and Debug | 变量监控、调用栈、断点管理 |
| Extensions | 安装和管理 extension |
| Kiro | AI 专属功能：Specs 管理、Agent Hooks、Agent Steering 配置、MCP 服务器 |
Status Bar（状态栏）
位于窗口底部，实时显示：
- 当前文件基本信息
- Git 分支及同步状态
- 错误和警告计数
- Agent 运行状态指示
Command Palette（命令面板）
按 Cmd+Shift+P（Mac）或 Ctrl+Shift+P（Windows/Linux）打开，可用于：
- 执行各类操作
- 调用 MCP 工具
- 修改设置
- 运行 Agent Hook
导航技巧
- 善用 keyboard shortcuts 提升操作效率（详见 keyboard shortcuts 文档）
- Command Palette 是访问陌生功能的最快路径
- 将常用文件固定（Pin）在标签栏
- 使用 Split View 同时查看多个文件
- 在 workspace 级别配置个人化设置，减少重复操作
常见问题
Q：Chat Panel 和编辑器内联 AI 有什么区别？
A：Chat Panel 适合对话式交互，比如问问题、请求大段代码生成或代码 review；内联 AI（Inline Chat，快捷键 Cmd+I / Ctrl+I）则适合在光标处直接做局部修改，改完代码还在原位，更适合小范围调整。
Q：Kiro 视图（侧边栏里的"Kiro"）和 Chat Panel 有什么区别？
A：Kiro 视图是 AI 功能的配置和管理入口，包括 Specs 列表、Hooks 规则、Steering 文件、MCP 服务器配置；Chat Panel 是实际对话交互的地方。前者是"设置"，后者是"使用"。
Q：如何快速在多个打开的文件之间切换？
A：使用 Cmd+P / Ctrl+P 快速打开文件，或用 Cmd+1/2/3 / Ctrl+1/2/3 切换不同编辑器分组，也可以直接点击顶部标签栏。