Exemples de Hooks

Ces exemples illustrent des implémentations concrètes de Hooks que vous pouvez adapter pour vos propres projets. Chaque exemple comprend le type de déclencheur, les modèles de cible et les instructions complètes du Hook.

Ce Hook aide à prévenir les fuites de sécurité en analysant les fichiers avant leur commit.

Type de déclencheur : Agent Stop

Requête de l'agent :

Review changed files for potential security issues:
1. Look for API keys, tokens, or credentials in source code
2. Check for private keys or sensitive credentials
3. Scan for encryption keys or certificates
4. Identify authentication tokens or session IDs
5. Flag passwords or secrets in configuration files
6. Detect IP addresses containing sensitive data
7. Find hardcoded internal URLs
8. Spot database connection credentials

For each issue found:
1. Highlight the specific security risk
2. Suggest a secure alternative approach
3. Recommend security best practices

Ce Hook journalise toutes les requêtes de l'utilisateur dans un système de journalisation centralisé pour l'analyse et l'audit.

Type de déclencheur : Prompt Submit

# Log user prompt to Grafana Loki
curl -H "Content-Type: application/json" -XPOST \
     "http://loghost/loki/api/v1/push" --data-raw \
     "{'streams': [{
        'stream': { 'app': 'kiro', 'user': \"${USER}\"  },
        'values': [ [\"$(date +%s%N)\", \"${USER_PROMPT}\"] ]
      }]}"

Ce Hook garantit que, lorsque vous mettez à jour le texte dans votre fichier de langue principal, les traductions restent synchronisées.

Type de déclencheur : File Save
Cible : src/locales/en/*.json

Requête de l'agent :

When an English locale file is updated:
1. Identify which string keys were added or modified
2. Check all other language files for these keys
3. For missing keys, add them with a "NEEDS_TRANSLATION" marker
4. For modified keys, mark them as "NEEDS_REVIEW"
5. Generate a summary of changes needed across all languages

Ce Hook veille à ce que la couverture de tests reste élevée à mesure que le code évolue.

Type de déclencheur : File Save
Cible : src/**/*.{js,ts,jsx,tsx}

Requête de l'agent :

When a source file is modified:
1. Identify new or modified functions and methods
2. Check if corresponding tests exist and cover the changes
3. If coverage is missing, generate test cases for the new code
4. Run the tests to verify they pass
5. Update coverage reports

Ce Hook peut être déclenché à la demande pour mettre à jour la documentation en fonction des modifications du code.

Type de déclencheur : Manual Trigger

Requête de l'agent :

Generate comprehensive documentation for the current file:
1. Extract function and class signatures
2. Document parameters and return types
3. Provide usage examples based on existing code
4. Update the README.md with any new exports
5. Ensure documentation follows project standards

Les Agent Hooks peuvent être améliorés grâce aux capacités du Model Context Protocol (MCP) pour étendre leur fonctionnalité :

1. Accès aux outils externes : les Hooks peuvent utiliser des serveurs MCP pour accéder à des outils et des API spécialisés
2. Contexte enrichi : le MCP fournit un contexte supplémentaire pour des actions de Hook plus intelligentes
3. Connaissances spécifiques à un domaine : des serveurs MCP spécialisés peuvent fournir une expertise dans un domaine

Pour utiliser le MCP avec les Hooks :

1. Configurer des serveurs MCP
2. Faites référence aux outils MCP dans les instructions de votre Hook
3. Définissez les paramètres d'approbation automatique appropriés pour les outils fréquemment utilisés

Cas d'utilisation :

• Vous assurer que votre système de conception Figma est respecté
• Mettre à jour le statut d'un ticket une fois une tâche terminée
• Synchroniser une base de données à partir de fichiers d'exemple dans le dossier du projet

Ce Hook surveille les fichiers HTML et CSS et vérifie qu'ils respectent une conception Figma en utilisant le MCP Figma.

Type de déclencheur : File Save
Cible : *.css *.html

Requête de l'agent :

Use the Figma MCP to analyze the updated html or css files and check that they follow
established design patterns in the figma design. Verify elements like hero sections,
feature highlights, navigation elements, colors, and button placements align.