Skip to content

The Interface

Before we get started, let’s get to know Kiro a bit first.

A quick orientation before the build acts: the parts of Kiro you’ll lean on, and where the things you configure live on disk.

Here’s the main Kiro window. Almost everything you’ll touch in this workshop is one of the panels in that left sidebar.

The Kiro IDE. The left sidebar lists Specs, Agent Hooks, Agent Steering & Skills (with entries like AGENTS, workshop-design, and code-testing-agent), and MCP Servers. The main area shows a 'Let's build' screen with Vibe and Spec cards and a chat box at the bottom.
  • The agent panel is the chat box at the bottom. You describe a task and watch the agent work. The Vibe and Spec cards are the two ways to start: chat and iterate, or plan first.
  • Specs is where spec-driven requirements, design, and tasks live. Act 3.
  • Agent Hooks is where commands fire automatically during the agent’s turn. Act 2.
  • Agent Steering & Skills is the project knowledge and reusable workflows the agent loads. Act 1.
  • MCP Servers is where external tools connect. Act 2.

That sidebar is the whole workshop in one column. Each section maps to a primitive you’ll configure.

When you want the agent to look at something specific, type # in the chat and pick it: a file, the terminal, a spec, your steering, an MCP server.

The Kiro chat showing a '#' context menu that lists Files, Spec, Git Diff, Terminal, Problems, Folder, Current File, Steering, and MCP as things you can pull into the conversation.

Kiro bundles MCP servers and skills together as Powers. The Powers panel is a small marketplace: some bundles installed, more available to add. You’ll meet Powers again in Act 2.

The Kiro Powers panel. Installed powers include Context7, AWS DevOps Agent, AWS Observability, and 'Build AWS infrastructure with CDK and CloudFormation'. Available powers include API Testing with Postman, AWS Transform, Design to Code with Figma, and Deploy web apps with Netlify.

Everything you configure in Kiro lives under a .kiro/ directory, organized by what it does. You’ll create files in most of these subdirectories over the next three acts:

The Kiro file explorer showing a project's files, including a .kiro directory and an AGENTS.md file at the root, next to the editor's welcome screen.
  • Directory.kiro/
    • Directorysteering/
    • Directoryskills/
    • Directoryhooks/
    • Directoryagents/
    • Directoryspecs/
    • Directorysettings/
SubdirectoryWhat lives thereCovered in
steering/Project knowledge and conventions the agent should followAct 1
skills/Reusable workflows the agent pulls in on demandAct 1
hooks/Commands or prompts that fire at points in the agent’s lifecycleAct 2
agents/Custom agent profiles: model, tools, permissions, contextAct 2
specs/Spec-mode documents (requirements, design, tasks)Act 3
settings/Permissions and other configurationAct 2

Every one of these exists in two places:

  • Project (<your-project>/.kiro/) applies to this repo only. It’s committed with the code, so your whole team gets it.
  • Global (~/.kiro/) applies to every project on your machine. It’s your personal setup.

When both define the same thing, like a steering file, skill, or agent with the same name, the project version wins. A project file overrides the global one. The default agent reads from both locations, with the project copy taking precedence.