Codex : le guide complet pour débutants (GPT-6 Astra)

Cette vidéo est un guide pour débutants sur l'utilisation de Codex, un agent d'IA qui permet de coder sans savoir programmer, de créer des applications et d'automatiser des tâches. Le guide est structuré en six parties : l'interface, la création d'un premier site web, la création d'un générateur de devis avec signature électronique, des astuces et pièges, et enfin l'utilisation de Browser Use et Computer Use pour l'automatisation. **1. Installation et Interface de Codex** Codex se télécharge depuis son site. Contrairement à ChatGPT, qui est un chatbot textuel, Codex est un agent capable de générer du code et de l'exécuter sur votre ordinateur. L'installation est similaire sur Windows et Mac. L'interface peut sembler déroutante au début. Sur le panneau de gauche, on trouve les conversations et les commandes. Avant de commencer à construire quoi que ce soit, il est crucial de créer un "projet" pour que le code généré soit enregistré sur votre machine. Pour créer un projet, cliquez sur "Nouveau projet", nommez-le (par exemple, "site web perso"), puis cliquez sur "Créer un projet". Une fois dans le projet, vous pouvez commencer à dialoguer avec Codex. Un élément important est le type d'accès que vous lui donnez. Par défaut, Codex demande une approbation pour chaque action. Il est souvent plus pratique de lui accorder une approbation automatique pour les actions similaires ou même un accès complet (avec prudence). Le "modèle" sélectionné est le cerveau utilisé par Codex. Il existe plusieurs modèles comme Astra (le plus récent et coûteux), GPT 5.6 Sol, Luna, 5.5, et Codex Spark. Le choix du modèle impacte la rapidité de consommation des "tokens" (l'unité de crédit). Il est conseillé d'utiliser les modèles plus chers et réfléchis pour les tâches complexes comme la planification, et des modèles moins chers pour les tâches simples. **2. Création d'un Premier Site Web** L'exemple commence par la demande de créer un site web personnel. Plutôt que de partir de zéro, l'utilisateur demande à Codex d'améliorer un site existant (shubam-charma.fr) et de s'inspirer de sa page LinkedIn pour le contenu et le style. Codex pose des questions pour affiner la compréhension du projet : objectif du site, public cible, style visuel, etc. La différence majeure avec ChatGPT est que Codex peut écrire du code directement sur votre ordinateur. Les modifications sont visibles dans l'onglet "Modification" et les fichiers sont enregistrés dans un dossier spécifique (par exemple, "Documents/ChatGPT/[Nom du projet]"). Codex utilise une fonctionnalité appelée "chat GPST SES" qui permet de créer et de publier des sites sans avoir à gérer l'hébergement ou le déploiement. Une fois que Codex a créé la première version du site, il l'ouvre dans un navigateur local. L'agent navigue lui-même sur le site pour le tester, y compris la version mobile (responsive). Il prend des captures d'écran, observe, juge et reconstruit si nécessaire. Après les tests, Codex peut publier le site en ligne. Initialement, le site est accessible via une URL spécifique (par exemple, `shubamuniverse.chatg.sitsite`) et est privé, nécessitant une connexion via le compte ChatGPT. Pour le rendre public, il suffit de demander à Codex de le publier pour tout le monde. Pour avoir une URL personnalisée (votre_site.com), il faut acheter un nom de domaine et le relier au site publié. **3. Générateur de Devis avec Signature Électronique** Pour un projet plus ambitieux comme un générateur de devis avec signature électronique, une phase de planification est essentielle. Il ne faut pas se lancer directement dans le codage, mais d'abord établir un plan détaillé. L'utilisateur crée un nouveau projet appelé "devis générateur" et active le "plan mode" (mode plan). L'objectif est de créer une application pour générer des devis, inclure une signature électronique et envoyer des relances par e-mail en cas de non-signature. L'utilisateur dicte ses besoins à Codex, en insistant sur le fait que Codex doit poser des questions pour clarifier les décisions implicites et s'assurer d'une compréhension commune du projet. Codex pose alors une série de questions détaillées pour définir les spécifications : qui utilisera l'application, comment les prestations sont facturées, le contexte commercial (France, professionnel), comment les devis sont préparés, comment composer les prestations (catalogue + saisie libre), les résultats souhaités après la première phase (exporter un PDF), et le type d'accès (en ligne, privé). Pour l'interface, l'utilisateur peut inspirer Codex en lui fournissant des captures d'écran d'applications qu'il aime (par exemple, Linear ou des designs trouvés sur Dribbble ou Mobin). Codex continue de poser des questions sur les fonctionnalités de calcul (TVA, remises), les contraintes, le parcours de signature client et les relances par e-mail. Une fois que tous les détails sont clairs et que le plan est validé, l'utilisateur peut dire à Codex de "mettre en œuvre ce plan". Codex passe alors en mode implémentation et commence à construire l'application. Pendant ce processus, il peut utiliser des services d'hébergement comme SuperBase et Railway. **4. Astuces et Pièges** * **Gestion des tokens et modèles :** L'utilisation de Codex consomme des tokens. Les modèles plus performants (comme Astra) sont plus chers et consomment plus rapidement les tokens. Il est conseillé d'utiliser des modèles moins chers (comme 5.5 ou Codex Spark) pour les tâches simples et de réserver les modèles avancés pour les phases de réflexion stratégique ou de planification où la qualité de la réponse est primordiale. Le mode "fast" (éclair) accélère le processus mais utilise également plus de tokens. * **Itération :** Ne vous attendez pas à un résultat parfait dès la première version. La première version est une base de travail sur laquelle il faut itérer. Donnez des indications à Codex pour affiner le design, les fonctionnalités, etc. * **Onglets de travail :** Il est utile d'avoir plusieurs onglets de conversation dans Codex : un pour la réflexion (challenger les idées, concevoir l'interface), et un autre pour la construction. Cela permet à différents agents de travailler sur différentes parties du projet ou de séparer les phases de conception et d'implémentation. Après environ 21 minutes de construction, Codex termine la première version du générateur de devis. Il effectue lui-même des tests sur l'application (par exemple, sur la version brouillon, la version mobile, la prévisualisation PDF). L'application générée est de très bonne qualité : vue d'ensemble, styles variés, ajout de clients, catalogue de prestations, calculs de TVA/remises, conditions de paiement, téléchargement de PDF, finalisation de devis avec validation des champs obligatoires (nom, adresse de l'entreprise), et même la possibilité d'ajouter un logo et de personnaliser l'identité visuelle. Tout cela est possible grâce à une planification minutieuse et des informations détaillées fournies à l'IA. **5. Automatisation avec Browser Use et Computer Use** Codex ne se limite pas à la création d'applications ; il peut aussi contrôler votre ordinateur et votre navigateur pour automatiser des tâches. L'exemple consiste à automatiser le test de formulaires sur un site web et la vérification des e-mails reçus. Pour cela, il faut activer la fonctionnalité "Control the inup browser" dans Codex. Cela demande d'autoriser Codex à contrôler votre ordinateur et d'installer une extension Chrome (ou Brave, selon le navigateur utilisé). Une fois les autorisations données, Codex peut naviguer sur le site indiqué, identifier les formulaires, les remplir (en lui fournissant les informations nécessaires) et vérifier la boîte mail pour s'assurer que les résultats des formulaires sont bien reçus. Ces actions peuvent être enregistrées en tant que "skills" (compétences) pour être réutilisées. Un autre exemple d'automatisation est le contrôle direct d'une application de bureau. L'utilisateur demande à Codex d'ouvrir Final Cut Pro et de commencer le montage vidéo de sa dernière vidéo. Codex ouvre Final Cut, et l'utilisateur lui donne des instructions (par exemple, "vidéo en cours d'édit"). Codex déplace alors la souris et interagit avec l'interface de Final Cut. Bien que le processus soit lent car il repose sur des captures d'écran et l'analyse visuelle, il ouvre des possibilités d'automatisation pour des tâches répétitives sur des applications sans API, comme glisser-déposer des documents ou modifier des informations. **Conclusion** Codex et les outils d'agentic coding représentent une avancée majeure, permettant à des non-développeurs de créer des applications complexes et d'automatiser des tâches qui nécessitaient auparavant des compétences techniques ou des outils spécialisés. L'efficacité de ces outils dépend fortement de la qualité de la planification et de la clarté des instructions données à l'IA. Pour ceux qui ont des connaissances métier mais pas de compétences en codage, ces outils offrent une accessibilité sans précédent.