Commencer ici
- Choisis un petit projet que tu sais expliquer, par exemple une liste de tâches.
- Prends un assistant de code ou un outil de prototypage ci-dessous. Vérifie les conditions d'accès : un outil gratuit demande parfois un abonnement ou une clé API.
- Va chercher de l'inspiration dans les galeries de design et donne des exemples concrets à ton agent.
- Écris un objectif court et des critères d'acceptation. Construis une petite étape, relis les changements, teste, puis sauvegarde avec Git.
- Teste et relis avant de partager. Garde tes mots de passe et clés hors des prompts et des commits.
- Déploie seulement après avoir vérifié les contraintes d'hébergement, surtout si ton projet a besoin d'un backend.
Trouver un outil
Méthodes de travail
| Tâche | Étapes |
|---|---|
| Nouvelle fonctionnalité | Objectif et critères d'acceptation → inspecter le contexte → petite implémentation → revue et tests |
| Refactoring | Capturer le comportement actuel → identifier un petit changement → comparer le comportement → répéter |
| Correction de bug | Reproduire → formuler une hypothèse → ajouter un test de régression → corriger et vérifier |
| Tests | Identifier les comportements critiques → choisir des vérifications utiles → exécuter et analyser les échecs |
| Design d'interface | Collecter des références (galeries) → choisir un style → assembler des composants existants → ajouter les animations en dernier |
Sources
Outils de code et d'apprentissage : awesome-vibecoding (domaine public, CC0). Ressources de design et d'interface : liste « 25 vibe coding resources » du cours Vibe Coding.