Utilisation de l’IA
ma méthode de travail
L’intelligence artificielle fait partie de ma méthode de travail : idéation, conception de moodboards, programmation, débogage et automatisation de la mise en ligne. Chaque fiche de projet précise ce qui a été fait avec l’IA et ce que j’ai décidé, vérifié, corrigé et produit moi-même.
Ma méthode de travail
-
Design système d’abord
Je fournis les images, le logo et des références visuelles à une intelligence artificielle en expliquant en détail le visuel recherché, jusqu’à obtenir le style désiré. Cette étape me permet d’avoir un très grand niveau de contrôle sur le style visuel, étant donné que la programmation se fait grâce à l’IA. Elle vaut la peine d’être refaite plusieurs fois si nécessaire, car elle affecte toute la structure du site.
-
Des templates évolutifs
Je me sers d’un template de prompt créé pour la création de nouveaux sites web et d’un template de dossier de projet IA qui contient tous les skills et toutes les instructions nécessaires pour que le projet réponde aux standards de l’industrie. Ces templates m’évitent qu’une erreur se reproduise plusieurs fois : je la corrige dans mon système, une fois pour toutes.
-
Ce que je vérifie
Les agents IA produisent le code et participent au débogage, mais la direction visuelle, les décisions de structure, la collecte des contenus auprès des clients, la validation du résultat et la mise en ligne restent sous mon contrôle. La mise en ligne passe par Firebase avec un processus automatisé pour ne pas refaire d’étapes manuellement.
Mes outils
-
Agent de programmation d’Anthropic avec lequel je code et débogue mes sites, à partir de mes templates de prompts et d’instructions.
-
Agent de programmation d’OpenAI : comme les autres agents, il produit du code et participe au débogage, sous ma direction.
-
Modèle d’IA de Google que j’intègre à mes applications par l’API Gemini : Goals s’en sert pour analyser les bilans quotidiens.
-
Environnement de développement assisté par l’IA dans lequel j’ai programmé et débogué l’application Goals.
-
Assistant conversationnel d’OpenAI, l’un des outils de ma méthode de travail.
-
Plateforme d’agents IA spécialisée dans la création de publicités et de visuels de marque.
-
Fonction de Figma qui génère des prototypes interactifs à partir d’instructions écrites.
-
Les serveurs MCP (Model Context Protocol) relient les agents IA à d’autres logiciels, comme Figma, pour qu’ils travaillent directement à partir des fichiers de conception.
L’IA dans ce portfolio
Outils
Claude Code (Anthropic) et Gemini (Google, par Vertex AI).
Usages
J’ai utilisé Claude Code pour programmer le site à partir de ma maquette Figma, réaliser les animations d’après mes briefs, intégrer les fiches de projet à partir de mes études de cas, écrire les tests automatisés et mettre le site en ligne sur Firebase. Gemini répond aux questions de la discussion du site, à partir d’un fichier de connaissances tiré du contenu du site.
Fait par moi
La maquette Figma (mise en page, typographie, couleurs et composants), les briefs d’animation et leurs références, le choix des projets et des contenus, et mes études de cas.
Vérifié par moi
Le rendu de chaque section, aux différentes tailles d’écran, et les corrections demandées au fil du projet (fautes, tailles, animations). Chaque mise en ligne s’est faite avec mon accord.