Développement accéléré par l’IA

Créer une bibliothèque d’outils personnalisée

Après plusieurs projets construits avec des technologies proches, j’ai eu besoin d’un endroit pour retrouver ce que j’avais déjà appris.

L’idée n’était pas de créer une simple liste de liens. Je voulais une bibliothèque personnelle capable de centraliser les outils, les patterns, les snippets, les choix techniques et les cas d’usage déjà rencontrés dans mes projets.

En pratique, c’est devenu une application Angular locale et statique : un catalogue technique que je peux enrichir au fil du temps.

Partir de l’expérience réelle

La bibliothèque s’appuie sur des projets déjà réalisés ou en cours :

www.ineddy.re

lab.ineddy.re

www.touteddy.com

suite.ineddy.re

BodySync

Chaque projet contient des briques réutilisables : une configuration Firebase, un service de consentement Analytics, une route Angular, un composant filtrable, une logique de sécurité Firestore, une intégration n8n, un pattern SCSS ou une structure de contenu.

L’objectif est de ne plus laisser ces apprentissages dormir dans des dossiers séparés.

Ce que contient une fiche

Chaque fiche documente une technologie ou un pattern réutilisable.

Elle peut contenir :

une description courte

une catégorie

les projets où la brique apparaît

un statut

des tags

des cas d’usage

des liens utiles

des extraits HTML, SCSS ou TypeScript

un aperçu ou une note d’implémentation

Cette structure transforme une mémoire floue en base de connaissance exploitable. Au lieu de me souvenir vaguement qu’un problème a déjà été résolu, je peux retrouver où, pourquoi et comment.

Les choix techniques

Le projet a été construit avec Angular, TypeScript et SCSS.

Angular convenait bien parce que l’outil devait rester interactif : filtres par catégorie, filtres par projet, panneau de détail, badges, tags et navigation entre les fiches.

TypeScript apporte une structure forte aux données. Les projets, catégories, fiches, statuts, liens, previews et snippets sont typés, ce qui évite que la bibliothèque devienne un gros fichier de notes difficile à maintenir.

SCSS permet de garder une interface sobre et agréable pour un usage quotidien : grille de contenu, filtres lisibles, panneau de détail, badges de statut et blocs de code.

Le choix important a surtout été de rester simple. Pas de backend, pas d’authentification, pas de base de données. Pour une première version personnelle, des données centralisées dans le code suffisent largement.

Une mémoire technique vivante

L’intérêt principal est de capitaliser sur ce qui existe déjà.

Quand un nouveau projet démarre, il devient plus simple de retrouver :

une technologie déjà utilisée

le projet où elle apparaît

la raison du choix

les limites rencontrées

les snippets réutilisables

les adaptations possibles

Cette bibliothèque évite de repartir de zéro à chaque fois. Elle sert aussi de pont entre le code, la documentation et les conversations avec l’IA.

Ce que Codex a apporté

Codex n’a pas seulement servi à produire du code.

Il a aidé à structurer le projet, organiser les catégories, transformer des contenus existants en fiches, relire les choix de données, corriger les détails CSS et vérifier que l’application restait cohérente.

C’est un usage intéressant de l’IA : ne pas seulement demander “comment faire”, mais lui demander d’aider à ranger ce qui a déjà été fait.

Dans ce cas, l’IA devient un outil de capitalisation. Elle aide à transformer des projets terminés en matière réutilisable.

Les avantages

Le premier avantage est la mémoire projet. Chaque réalisation devient une source de patterns au lieu de rester un silo isolé.

Le deuxième avantage est la vitesse. Une fois une fiche créée, je peux retrouver rapidement une configuration, un composant, une règle ou une logique déjà validée.

Le troisième avantage est la qualité documentaire. Les fiches ne se limitent pas à une phrase : elles relient contexte, usage, liens et extraits de code.

Le quatrième avantage est l’évolutivité. La version actuelle est volontairement statique, mais elle pourrait évoluer vers l’import/export JSON, l’édition directe des fiches, une recherche avancée, une synchronisation Firebase ou une génération automatique depuis les projets.

Bilan

En environ 5 heures, cette bibliothèque est devenue une première version exploitable d’un outil personnel de capitalisation technique.

Le résultat n’est pas seulement une application Angular. C’est une mémoire de travail augmentée, pensée pour retrouver plus vite les bonnes briques et continuer à construire avec plus de continuité.

Pour moi, c’est une suite logique aux autres retours d’expérience : après coder, refondre, traduire, auditer et corriger, il faut aussi apprendre à organiser durablement ce que chaque projet enseigne.