Kiro Interface

Kiro's interface is designed to provide a seamless coding experience with AI assistance integrated throughout.

Main Interface Components

Kiro's interface is divided into the following main components:

Editor

The central workspace where you write and edit code.

  • Syntax highlighting for multiple programming languages
  • IntelliSense and auto-completion
  • Integrated AI suggestions and code generation
  • Multi-tab support for working with multiple files

Chat Panel

A dedicated panel for interacting with AI, including asking questions, requesting code modifications, and receiving AI responses.

  • Natural language queries
  • Code explanation and documentation
  • Refactoring suggestions
  • Real-time collaboration with AI

Views

The sidebar contains specialized views for managing project files, searching, and source control.

  • Explorer: File and folder management
  • Search: Global search across project files
  • Source Control: Git integration and version control
  • Extensions: Manage installed extensions

Status Bar

Provides information about the current file, Git status, and error/warning counts.

  • Current branch and sync status
  • Language mode and encoding
  • Line and column numbers
  • Problems and diagnostics count

Command Palette

A quick access tool for executing common actions and accessing AI tools.

  • Quick file navigation
  • AI command shortcuts
  • Settings and preferences
  • Extension commands
interface.md
editor.ts
1. # Kiro Interface Components
2.
3. const editor = "main workspace"
4. const chatPanel = "AI interaction"

Here are some useful tips for navigating the Kiro interface efficiently:

  • Use Ctrl+Shift+P (or Cmd+Shift+P on Mac) to open the Command Palette
  • Press Ctrl+P (or Cmd+P on Mac) for quick file navigation
  • Use Ctrl+` (or Cmd+` on Mac) to toggle the integrated terminal
  • Press F1 to access help and documentation