Interface - Editor - IDE 1.x - Docs - Kiro Loading image... Product * About Kiro * IDE * CLI * Web * Mobile * Crew * Pricing * Downloads For * Enterprise * Startups * Students Community * Overview * Ambassadors * Discord * Events * Powers * Shop * Showcase Resources * Docs * Blog * Changelog * FAQs * Report a bug * Suggest an idea * Billing support Social * * * * * * * English Site Terms License Responsible AI Policy Legal Privacy Policy Cookie Preferences English Loading image... * Apps * CLI * Web * Enterprise * Pricing * Docs * Community * Resources SIGN IN DOWNLOADS Loading image... Get Started Installation Authentication Your first project Models Overview Available models Reasoning effort Features How Kiro works Specs Steering Hooks MCP Permissions Custom agents Agent Skills Powers Cloud sessions Compaction Kiroignore Checkpoints and rewind Built-in tools Configuration scopes IDE 1.x What's new in 1.0 Setup & First Run Editor Interface Keyboard shortcuts Source control Multi-root workspaces Extension registry Chat Experimental Troubleshooting 0.x reference CLI What's new in 3.0 Setup & First Run Terminal UI Chat Voice mode Headless mode ACP Auto complete Experimental 2.x reference Crew Quick start Installation Running 24/7 Chat Agent Capabilities Features Interfaces Apps System & storage Configuration Security Troubleshooting Web Setup & First Run Identity Center Connect your repositories Working with the agent Autonomous mode Automations Memory Configuration Sync Sandbox Mobile - Preview Overview Commands and Reference CLI commands Slash commands Built-in tools Exit codes Settings Billing Overview Managing your subscription Upgrading your plan Downgrading your plan Cancelling your plan Purchasing add-on credits Managing your payments Managing usage notifications Managing your taxes Contacting billing support Deleting your account Related questions Enterprise Concepts Onboarding quickstart Connecting your identity provider Deployment options Subscribe your team Manage subscriptions Governance Monitor and track Settings Managed updates Billing IAM Supported regions Privacy and Security Overview Data protection Code references Compliance validation Infrastructure security IAM permissions Firewalls, proxies, and data perimeters VPC endpoints (AWS PrivateLink) Guides Overview Language support Learn by playing Migration Migrating from Q Developer Migrating from VSCode Upgrading from Q CLI * Docs * * IDE 1.x * * Editor * * Interface Copy page View as Markdown Kiro Interface Copy page View as Markdown 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. * Chat Panel - A dedicated panel for interacting with AI, including asking questions, requesting code modifications, and receiving AI responses. * Views - The sidebar contains specialized views for managing project files, searching, and source control. * Status Bar - Provides information about the current file, Git status, and error/warning counts. * Command Palette - A quick access tool for executing common actions and accessing AI tools. Loading image... Editor The central workspace where you write and edit code. Features include: * Syntax highlighting for multiple languages * Line numbers and error indicators * Code folding for better organization * Multiple tabs for working across files * Split view support for side-by-side editing Chat panel You can use the chat panel to: * Ask questions about your code * Request code generation or modifications * Get help with debugging and troubleshooting * Ask for code reviews and optimization suggestions * Include context with # commands (e.g., #File, #Folder) * Generate boilerplate code and templates To move the chat panel to the opposite side of the IDE In the top menu bar, choose View > Appearance > Move Primary Side Bar Right . Views The sidebar contains several specialized views: * Explorer - Navigate your project file structure, see Git status indicators, and access special sections for Specs and MCP servers. * Search - Perform global search and replace operations across your entire project. * Source Control - Manage Git operations, view changes, and handle commits with AI-generated commit messages . * Run and Debug - View variables, call stacks, and manage breakpoints during debugging sessions. * Extensions - Install and manage IDE extensions. * Kiro - A dedicated view for AI-specific features: * Specs overview and management * Agent Hooks management * Agent Steering configuration * MCP (Model Context Protocol) servers Status bar Located at the bottom of the interface, the status bar provides: * Current file information * Git branch and sync status * Error and warning counts * Agent status indicators Command palette Access Kiro's commands quickly by pressing Cmd+Shift+P (Mac) or Ctrl+Shift+P (Windows/Linux) to: * Execute common actions * Access MCP tools * Configure settings * Run agent hooks Navigation tips * Use keyboard shortcuts for faster navigation * Leverage the command palette for quick access to features * Pin frequently used files for easy access * Use split views for comparing or referencing code * Configure workspace settings for personalized experience Page updated: August 4, 2026 Setup & First Run Keyboard shortcuts