Ce module suppose que vous avez déjà lancé le jeu localement, en suivant les instructions de configuration.
Comprendre le problème
Chargez localhost:5173 dans votre navigateur pour voir la page d'accueil.
Comme vous pouvez le constater, cette page d'accueil est au départ très minimaliste.
Il n'y a aucun graphique, aucune explication de ce qu'est le jeu, et il
n'y a aucun texte marketing. C'est une tâche parfaite pour la « programmation intuitive ».
Configurer les fichiers Steering de Kiro
Mais avant de « vibe », nous devons nous préparer. Comme ce jeu est assez complexe, il sera très utile de préparer Kiro pour qu'il comprenne bien ce qu'est le projet, quelles technologies il utilise, et comment naviguer dans le code.
Utilisez Control/Command + Shift + P pour ouvrir la palette de commandes,
puis recherchez le mot « Steering ». Sélectionnez l'option
« Kiro: Generate project steering documents »
Chargement de l'image...
L'agent Kiro se mettra au travail en explorant les fichiers clés du dépôt et en créant des fichiers « steering » qui décrivent l'objectif, la structure et la technologie du projet. Ces fichiers aideront à guider toutes les futures exécutions des interactions de l'agent, les rendant plus rapides et plus précises.
Chargement de l'image...
Prenez un moment pour regarder le dossier .kiro qui a été créé.
Vous devriez voir quelques fichiers :
product.md- Décrit ce qu'est le projet. Cela aide Kiro à comprendre la vue d'ensemble de ce qui se passe lorsque vous lui demandez de faire quelque chose.tech.md- Décrit toutes les technologies utilisées dans ce projet. Cela aide Kiro à s'en tenir à vos choix technologiques existants, plutôt que de recommander des options divergentes.structure.md- Décrit les dossiers clés et les zones du projet. Cela aide Kiro à se rendre plus rapidement au bon endroit lorsqu'il travaille.
Apporter des améliorations
Maintenant que les fichiers Steering sont configurés, essayez une requête de base de « programmation intuitive » comme « Je veux que tu améliores ma page d'accueil. »
Le client du jeu est servi par Vite, alors vous pourrez voir les changements reflétés en temps réel à mesure que Kiro apporte des modifications à la page.
Soyez créatif!
Posez une question à Kiro comme :
Give me 20 potential themes for a game landing page.
Ensuite, demandez à Kiro de réimaginer la page d'accueil selon ce thème.
Dans ce module, nous avons appris deux concepts fondamentaux :
- Les fichiers Steering aident à guider une IA à travers votre projet. Votre première étape devrait toujours être de recueillir et de configurer ce contexte de base pour l'IA.
- L'IA peut être très créative, et elle abaisse considérablement la barrière à l'expérimentation. Essayez rapidement plusieurs prototypes différents, puis jetez ceux que vous n'aimez pas.
Passons à la prochaine tâche :
Steering de Kiro et amélioration de la page d'accueil du jeu