Lab 4: Ein Hook per Chat

Hooks per natürlicher Sprache erstellen

← Zurück zur Übersicht

Modus: Chat + Agent Hooks Dauer: ca. 5-10 Minuten Zeigt: was ein Hook ist

Komplett ohne externe Tools. Der Hook wird per Chat erstellt (natürliche Sprache) und ist ein Agent-Hook — plattformunabhängig, kein Python, keine Runtime, keine Installation nötig.

Die Übung: ein Hook, der dich begrüßt

Wir bauen einen kleinen Hook und schauen uns an, was Kiro daraus macht. Formuliere im Chat (oder über das Kiro-Panel → Agent Hooks → + → Ask Kiro to create a hook):

Erstelle einen Hook, der bei jedem Prompt ausgelöst wird und dich anweist,
mich in der Antwort immer mit "Hallo Frank" anzusprechen.

Anschauen & testen

  • Kiro erzeugt daraus die Hook-Konfiguration (Trigger + Aktion) und legt sie an.
  • Im Kiro-Panel (Ghost-Icon) → Agent Hooks den neuen Hook öffnen und ansehen:
    • Trigger: UserPromptSubmit (bei jedem Prompt)
    • Action: ein agent-Prompt (eine KI-Aktion)
    • Optional die Datei unter .kiro/hooks/ öffnen und den JSON-Aufbau ansehen.
  • Danach eine beliebige Frage stellen → die Antwort beginnt mit „Hallo Frank“.
  • Zum Weiterarbeiten den Hook wieder deaktivieren/löschen (im Panel → Agent Hooks).

Merke: trigger = wann, action = was passiert. Hooks lassen sich komplett in natürlicher Sprache erstellen — kein JSON von Hand nötig.

⭐ OPTIONAL – nach dem Kurs (für Interessierte)

Diese Erweiterung ist NICHT Teil der Kurszeit. Wer Lust hat, kann zu Hause einen nützlichen Hook bauen: einen CSV-Viewer im Browser und einen Hook, der eine CSV bei Änderung automatisch zusammenfasst.

Optional 1 – CSV im Browser anzeigen

Testdaten data.csv anlegen:

name,abteilung,stunden
Anna,Entwicklung,38
Ben,Design,32
Carla,Entwicklung,40
David,Vertrieb,25

CSV-Viewer per Prompt erzeugen:

Erstelle eine einzige HTML-Datei (index.html) mit Vanilla JavaScript und CSS,
ohne externe Bibliotheken. Sie soll:
- einen Datei-Auswahl-Button haben, mit dem ich eine CSV-Datei auswähle
- die CSV im Browser einlesen (FileReader) und als Tabelle anzeigen
- die erste Zeile als Spaltenüberschriften behandeln
- unten die Anzahl der Datenzeilen und die Summe der Spalte "stunden" anzeigen

Optional 2 – CSV-Hook per Chat erstellen

Erstelle einen Agent-Hook: Immer wenn eine CSV-Datei gespeichert wird,
soll Kiro die geänderte Datei lesen und eine kurze Zusammenfassung geben
(Anzahl Zeilen, Spaltennamen und die Summe der Spalte "stunden").

Den erzeugten Hook im Panel anschauen (Trigger PostFileSave, Dateimuster *.csv, agent-Action), dann data.csv ändern und speichern → Kiro fasst die Datei automatisch zusammen. Gegenprobe: eine .txt-Datei speichern löst den Hook nicht aus.

Denkanstoß: Hook vs. Steering

Der Begrüßungs-Hook aus der Übung ist als Demo super, aber als Dauerlösung eigentlich nicht die klügste Wahl: Er feuert bei jedem Prompt (UserPromptSubmit) und startet jedes Mal eine KI-Aktion — nur um „Hallo Frank“ zu sagen. Das kostet unnötig Kontext/Credits und ist überdimensioniert.

Für so etwas eignet sich Steering viel besser. Statt eines Hooks legt man eine kleine Steering-Regel an, z. B.:

# Persönliche Präferenzen
- Der Benutzer heißt Frank und wird gerne mit Namen angesprochen.

Merksatz: Hooks sind für Aktionen bei Ereignissen (z. B. „bei gespeicherter CSV → zusammenfassen“). Dauerhaftes Verhalten/Präferenzen gehören ins Steering (siehe Lab 5).