Alap használat – promptolás és kódgenerálás

Chat, kontextus csatolás, prompt struktúra, inline edit és kontextus-szimbólumok.

Alap használat – promptolás és kódgenerálás

A chat-felület használata

A Kiro chat-ablakában természetes nyelven lehet kéréseket megfogalmazni. A kérés lehet rövid és közvetlen, de minél pontosabb a prompt, annál jobb a kimenet.

Egyszerű kódgenerálás:

Create a React component for a login form with email and password
fields, form validation using React Hook Form and Zod, and a
submit handler that calls an async login function.

Fájl hozzáadása kontextusként:

A @ karakterrel lehet fájlokat, mappákat vagy URL-eket adni a prompthoz:

@src/components/Button.tsx

Create a similar component for an IconButton that accepts an
icon prop alongside the existing Button props.

Multimodális input – képernyőkép alapján:

[screenshot beillesztve]

Build this UI layout as a React component using Tailwind CSS.
Match the spacing, colors, and typography as closely as possible.

Kontextus megadása a promptban

A jó prompt négy elemet tartalmaz:

Elem	Leírás	Példa
Cél	Mit szeretnél létrehozni	`Create a custom hook`
Kontextus	Milyen stack, konvenciók	`using React Query v5 and TypeScript`
Elvárások	Konkrét követelmények	`with error handling, loading state, and cache invalidation`
Korlátok	Mi maradjon változatlan	`Don't modify the existing API client`

Példa teljes promptra:

Create a custom hook called useUserProfile that:
- Fetches user data from /api/users/:id using React Query v5
- Returns loading, error, and data states
- Invalidates the cache when the user updates their profile
- Uses the existing apiClient from @/lib/api
- Include TypeScript types

Az inline edit használata

A Kiro beépített inline szerkesztőjével egy-egy fájlrészletet lehet AI-val módosítani:

Jelöld ki a kódot a szerkesztőben
Nyomd meg Cmd/Ctrl + K-t
Írd be a módosítási kérést
Fogadd el vagy utasítsd el a javaslatot

Refactor this switch statement using a strategy pattern.
Keep the same behavior but make it easier to add new cases.

A kontextus-szimbólumok

A Kiro chat-ben az alábbi szimbólumokkal lehet adatot a prompthoz csatolni:

@fájlnév – adott fájl teljes tartalma
@mappa/ – egy mappa összes fájlja
#steering-fájl – adott steering dokumentum
URL beillesztése – webes dokumentáció, GitHub issue stb.

Rövid összefoglaló

A Kiro chat multimodális: szöveg, kép, fájl és URL is megadható kontextusként.
A jó prompt tartalmazza a célt, a tech stack-et, az elvárásokat és a korlátokat.
Az inline edit (Cmd/Ctrl+K) gyors, célzott módosításokhoz ideális.

Alap használat – promptolás és kódgenerálás