Utilisation de l’IA
ma méthode de travail
J’ai beaucoup réfléchi à la meilleure façon d’utiliser l’IA, et je me suis bâti mes propres méthodes et workflows : templates de prompts, dossier de projet IA, serveurs MCP, clés d’API et outils faits maison, de l’idéation jusqu’à la mise en ligne. Chaque fiche de projet dit ce qui a été fait avec l’IA et ce que j’ai fait moi-même.
Ma méthode de travail
-
Design système d’abord
Je donne les images, le logo et des références visuelles à une intelligence artificielle en décrivant en détail le visuel recherché, jusqu’à obtenir le bon style. Comme l’IA fait la programmation, cette étape me donne beaucoup de contrôle sur le visuel. Je la refais plusieurs fois au besoin, car elle affecte toute la structure du site.
-
Des templates évolutifs
J’ai créé moi-même mon template de prompt pour les nouveaux sites. J’ai aussi bâti, avec l’aide de Claude, mon template de dossier de projet IA : les skills, les instructions et les étapes que les agents suivent pour que chaque projet respecte les standards de l’industrie. Quand une erreur arrive, je la corrige dans mon système une fois pour toutes, et elle ne revient plus dans les projets suivants.
-
Des systèmes sur mesure
Je relie les agents à mes logiciels avec des serveurs MCP : avec celui de Figma, ils lisent directement ma maquette, sans que j’aie à leur décrire chaque détail. J’intègre aussi des modèles d’IA dans mes propres applications avec des clés d’API, comme l’API Gemini dans Goals et dans Sonde, un outil d’analyse de sites web que j’ai créé.
-
Ce que je vérifie
Les agents IA écrivent le code et aident au débogage, mais la direction visuelle, la structure, la collecte des contenus auprès des clients, la validation et la mise en ligne restent sous mon contrôle. La mise en ligne se fait sur Firebase, avec un processus automatisé.
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. J’utilise celui de Figma pour que les agents travaillent directement à partir de mes maquettes, sans images ni spécifications à leur fournir.
L’IA dans ce portfolio
Outils
Claude Code (Anthropic), le serveur MCP de Figma et Gemini (Google, par Vertex AI).
Usages
Grâce au serveur MCP de Figma, les agents de Claude Code ont recréé le site directement à partir de ma maquette, sans que j’aie à leur donner d’images ou de spécifications ; j’ai ensuite corrigé les petites erreurs. J’ai aussi utilisé Claude Code pour faire les animations d’après mes briefs, intégrer les fiches de projet, écrire les tests automatisés et mettre le site en ligne. Il m’a même aidée à créer les animations de ma vidéo de présentation, en écrivant des scripts pour After Effects. Gemini répond aux questions de la discussion, à partir d’un fichier 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, mes études de cas, et le système qui encadre les agents : mon template de prompt et mon dossier de projet IA, bâti avec l’aide de Claude.
Vérifié par moi
Le rendu de chaque section, aux différentes tailles d’écran, les écarts avec ma maquette, et les corrections demandées au fil du projet (fautes, tailles, animations). Chaque mise en ligne s’est faite avec mon accord.