🏠 Accueil 🎲 Partie 1

🚀 Partie 2

🧠 Partie 3 🎬 Partie 4

Les défis techniques

S'affranchir de la connaissance du code grâce à l'IA pour créer un système fonctionnel et optimisé

🎯

Le défi initial : partir de (presque) zéro

Point de départ : Quelques notions en HTML/CSS, aucune expérience en JavaScript

Objectif : Porter 172 pages de règles complexes vers un système numérique automatisé

Pari : Faire confiance à l'IA naissante pour combler le gap technique

🔧

Trouver les bons outils

L'évolution des assistants IA

Gemini

Premiers tests, rapidement limité

ChatGPT v5

Prometteur mais butait sur les problèmes complexes

Claude

Efficacité et acuité d'analyse et de résolution

Cursor + Claude

Le déclic ! Le projet décolle

"Là où GPT 5 buttait sans fin sur des problèmes, Claude résolvait du premier coup le problème. Et le projet a décollé !"

🧠

Apprendre à "prompter" avec une précision chirurgicale

"L'IA a une somme de connaissance gigantesque mais a besoin d'être orientée et encadrée avec une précision d'horloger"

Évolution de la méthodologie

Phase 1 - Tâtonnement : Curiosité, tests, erreurs

Phase 2 - Apprentissage : Analyse des succès/échecs

Phase 3 - Maîtrise : Développement d'un "bloc de prompt" structuré, ciblé et efficace

Le framework développé :

✅ Rappel des instructions étape par étape

✅ Réutilisation du code existant avant d'en créer

✅ Élimination du code obsolète

✅ Vérification de conformité aux demandes

✅ Test fonctionnel et correction des problèmes

🎨

Créer une identité graphique cohérente

L'approche hybride

• Photoshop pour composer des maquettes visuelles

• IA pour reproduire à la perfection le design en code

• Itération jusqu'à obtenir l'exacte correspondance visuelle

🛠

Structurer un système de règles complexe

La méthode

1. Analyse fine des 172 pages de règles papier

2. Déconstruction en mécaniques atomiques

3. Architecture modulaire : 5 types d'acteurs, 9 templates d'objets

4. Implémentation progressive avec tests constants

"Un des principaux défis ? L'implémentation de nouvelles fiches interactives non prises en compte au départ. Comme cela touchait au core du système, il y avait souvent des risques de casse."

🐛

Maîtriser le débogage sans connaître le code

Les outils de diagnostic

• Console développeur Foundry → Localisation des erreurs CSS/JS

• Screenshots d'erreurs → Communication directe avec l'IA

• Reformulation intelligente → Contournement des limitations

La technique de derniers recours

"Plonger dans le code afin d'essayer de comprendre là où ça bloquait (en demandant à l'IA de m'expliquer certains passages obscurs)"

Résultats quantifiables

Mois de développement

3-5

Mois pour un dev classique

98%

Code généré par IA

172

Pages de règles portées

Découvrir les compétences utilisées →