Pour programmer correctement avec les outils de l'IDE IA, vous devez élaborer un ensemble de documents de spécification et d'énoncés d'exigences détaillés.

Comme un enfant qui est intelligent mais qui ne comprend pas les meilleures pratiques en matière de code.

Vous devez indiquer clairement à l'IA ce que vous voulez :

• S'agit-il d'une application web ?
• Quelles sont les caractéristiques nécessaires ?
• Quelle est la structure ?
  Et ainsi de suite.

Voici comment faire de l'IA votre développeur complet :

Le contexte est crucial !

L'IA a besoin d'une barrière contextuelle solide.

Objectif : Ne laissez pas l'IA faire des suppositions. C'est vous qui fournissez toutes les informations.

Ainsi, l'IA travaillera avec vous et non contre vous.

Il examine ensuite la documentation qui doit être jointe pour fournir un soutien contextuel maximal.

1. le document relatif aux exigences du projet

Ce document présente le projet dans son ensemble :

• Profil du projet
• Exposé du problème
• prescription
• utilisateur cible
• pile technologique
• fonctionnalité de base
• Champ d'application

Ce document est une brève description de votre projet.

Ajoutez ensuite une documentation plus spécifique pour guider l'IA à chaque étape.

2. la documentation sur les processus d'application et les fonctionnalités

Imaginez que vous expliquiez votre application à un ami :

"Lorsqu'un utilisateur s'inscrit, il accède au tableau de bord. Sur le tableau de bord, il y a 4 sections : la section des mesures, la section des analyses, etc.

Ce document fournit le flux d'exécution complet de l'application de bout en bout.

attirer l'attention sur qqch.L'AI est invitée à inclure dans le document Ne pas utiliser de puces.

Ce document est important car il fournit à l'IA un diagramme/plan pour planifier l'exécution de chaque page.

3. la documentation sur la pile technologique et le paquet de dépendances

Il s'agit maintenant de fournir le contexte technique de l'IA.

Votre projet utilise-t-il Python ? ou Nextjs ? Supabase ou Firebase pour le backend ?

Ce document détaille la pile technologique que l'IA doit utiliser pour construire votre application.

Veillez à choisir une pile technologique couramment utilisée, car des éléments tels que Claude et les LLM tels que le GPT-4 sont principalement formés sur la base de cadres largement utilisés.

J'utilise Nextjs 14, TaliwindCSS, shadcnUI et radixUI pour le frontend et Supabase pour le backend.

Les plateformes suivantes préfèrent toutes cette pile technologique :

• v0.dev
• boulon
• Claude
• Curseur
• Replit

Python est également idéal pour les applications à haute performance qui ne nécessitent pas d'interface utilisateur moderne.

4. documentation de la structure du document

Ce document est essentiel si vous ne voulez pas entrer dans un cercle vicieux d'erreurs constantes.

L'IA peut créer des fichiers en double, enregistrer des fichiers au mauvais endroit ou même supprimer du code terminé.

Pour résoudre ce problème, veuillez fournir la structure du document à l'avance.

attirer l'attention sur qqch.L'AI doit créer la structure du fichier au format ASCII.

Faites une capture d'écran pour enregistrer la structure du fichier et joignez-la au document.

5. la documentation de l'API

L'IA ne sait pas par défaut comment les API des plateformes sont configurées.

Nous devons joindre la documentation de toutes les API qui seront utilisées dans l'application.

Les exemples incluent l'API OpenAI, la documentation de l'API Claude, la documentation de Supabase, etc.

Copiez les instructions de leur site web et collez-les dans votre document, puis joignez ce document à l'IA.

6. la documentation relative à la conception de l'architecture dorsale

L'architecture est en fait le schéma directeur de votre back-end.

Il contient toutes les tables de la base de données, tous les godets de stockage et toutes les tables d'informations sur les utilisateurs (authentification) qui doivent être créés.

J'utilise Supabase car l'IA est capable de générer des requêtes SQL que vous pouvez exécuter directement dans Supabase en quelques secondes.

Je peux ainsi créer ma base de données et l'attacher à l'interface utilisateur en moins d'une heure.

point lumineuxClaude est excellent dans la conception d'architectures back-end, et si vous créez la bonne documentation, l'IA suivra facilement les directives.

7. fichier .cursorrules

De nombreuses personnes n'utilisent pas cet outil. Il est similaire à ChatGPT de commandes personnalisées.

Le fichier .cursorrules doit être spécifique au projet plutôt qu'une invite générique "AI rules".

En fonction de la pile technologique et des exigences du projet, l'IA est invitée à créer un fichier .cursorrules.

Ce document indique à l'IA où se trouve chaque document (carte de navigation du curseur).

Aidez l'IA à naviguer plus efficacement grâce à ce fichier.

8. documentation sur la présentation de l'interface utilisateur

Ce document rendra votre interface frontale plus esthétique. Utilisé avec la v0, il permet de créer des composants frontaux au style cohérent.

La plupart des gens sous-estiment le pouvoir d'une interface utilisateur (IU) propre.

"La première impression compte.

Ce document doit contenir les informations suivantes : progiciels d'interface utilisateur utilisés, polices de caractères, jeux de couleurs, icônes, effets, etc.

9. les repères du système

Il est possible de demander à l'IA de créer des mots d'invite spécifiques au projet pour v0, bolt ou tout autre outil que vous pourriez utiliser.

Cela permet de communiquer avec l'outil et d'éviter de devoir fournir un contexte plus long à chaque fois.

Savez-vous pourquoi Claude obtient de meilleurs résultats sur leur plateforme que par l'utilisation de l'API ? C'est parce que les signaux de leur système sont excellents.

Faites de même pour votre projet et vous deviendrez de meilleurs amis de l'IA.

J'ai consacré 80% de mon temps de développement à la création de la documentation et j'ai obtenu d'excellents résultats dans les 20% restantes.

Introduction : codeguide.dev

Une application qui vous aide à réfléchir et à rédiger tous les documents importants à joindre à l'IA.

Mot d'alerte du système
✅ Document PRD
✅ Architecture Design
✅ Documentation sur le processus de demande
✅ Documentation sur la mise en page de l'interface utilisateur
attendez une minute !

lien (sur un site web): :http://codeguide.dev