H
PROJET HORIZON
Comment HORIZON est fabriqué, du début à la fin
Le processus complet : de la maquette à la production, une fabrication augmentée par IA sous revue humaine systématique.
Présentation du processus · pour l'équipe technique, la recette et les développeurs
ÉTAPE 0 · LE POINT DE DÉPART
Deux sources de vérité, aucune invention
La maquette « Simulateur épargne »
Loi absolue : conformité au pixel près. Tout écart devient une anomalie ou une décision consignée, jamais une interprétation silencieuse.
Le corpus documentaire
Quatre documents : cahier des charges, spécifications, architecture, plan de mise en œuvre. Ce sont eux qui cadrent chaque exigence.
HZ-CDC-001 · besoin
HZ-SFD-002 · spécifications
HZ-DAT-003 · architecture
HZ-PLN-004 · plan
LA MÉTHODE
Une fabrication augmentée par IA, sous contrôle humain
Le développement s'appuie sur Claude Code : des agents d'assistance opèrent dans des rôles délimités, avec le corpus HORIZON comme contexte de référence. Trois principes non négociables :
⚡
L'IA accélère
Écriture du code, des tests et de la documentation à grande vitesse.
✋
L'humain engage
Aucun livrable d'agent n'est fusionné sans un relecteur humain nommé.
🔍
Tout est tracé
Chaque fusion référence l'agent, sa fiche de mission et les sections du corpus mobilisées.
L'ÉQUIPE D'AGENTS
Cinq rôles, des garde-fous explicites
Interface
Composants Hz* et écrans, conformes au design system.
Garde-fou : tokens uniquement, pas d'appel réseau direct.
Données & sécurité
Migrations, RLS, déclencheurs, jeu de démonstration.
Garde-fou : interdiction de désactiver la RLS, revue à quatre yeux.
Métier & calcul
Moteur de projection et fonctions serverless.
Garde-fou : jeu de cas de calcul de référence intangible.
Qualité
Tests unitaires, bout en bout, visuels, RLS, accessibilité.
Garde-fou : ne modifie jamais le code pour faire passer un test.
Revue
Analyse des demandes de fusion : écarts, sécurité, dette.
Garde-fou : avis consultatif, la décision reste humaine.
D'ABORD, CONCEVOIR
Cinq phases qui réduisent l'incertitude avant d'écrire l'app
01
Wireframes
Structure et parcours en gris, sans style.
02
Design system
Tokens et 12 composants avec tous leurs états.
03
Prototype
Écran de référence pixel perfect, tout interactif.
04
Documentation
Données, API, règles : prête pour le développeur.
05
Présentations
Produit et processus (celle-ci).
Chaque phase est démontrable et validée avant de passer à la suivante : zéro page vide, zéro lien mort.
LA CHAÎNE TECHNIQUE
Un monorepo, une seule vérité par sujet
Côté produit
SPA Vue 3 + TypeScript, état Pinia
Composants Hz* alimentés par les tokens
Graphiques Apache ECharts
Côté serveur
Supabase : PostgreSQL, RLS, Auth
Edge Functions Deno / TypeScript
Moteur de calcul unique, testé à 90 %+
Règle d'or : aucun chiffre présenté au client n'est calculé dans le navigateur. Tout ce qui fait foi est calculé, daté et historisé côté serveur.
DE LA BRANCHE À LA PRODUCTION
Une chaîne d'intégration qui protège chaque exigence
Vérifier
lint, typage, secrets, dépendances
→
Tester
calcul 90 %+, composants, RLS bloquante
→
Construire
build + budgets taille/perf
→
Valider
e2e, visuel 1440/1280, accessibilité
→
Déployer
recette auto, prod sur étiquette
GitLab CI
→ Front : Cloudflare Pages
→ Back : Supabase UE (migrations, fonctions)
Secrets : variables GitLab protégées
TESTER ET ÉPROUVER
Chaque exigence est protégée par un test
Calcul & règles
Cas de référence figés avec le métier ; toute divergence future est une régression.
Cloisonnement (RLS)
Suite dédiée, cas négatifs inter-organisations, bloquante en intégration.
Fidélité visuelle
Comparaison automatisée à la maquette : écart toléré sous 1 % par zone.
Parcours de bout en bout
Les cas d'usage rejoués sur le jeu de démonstration, cas d'exception compris.
Accessibilité
Audit automatique et parcours cœur entièrement au clavier.
Recette contradictoire
Binôme métier + projet, procès-verbal signé avant la production.
DU CORPUS À LA PRODUCTION
Un chemin clair, démontrable à chaque jalon
Cadrage
arbitrages, environnements
J1 · S2
Socle
auth, RLS, design system
J2 · S5
Cœur simulateur
écran de référence, moteur historisé
J3 · S9
Périmètre complet
PDF, modules, accessibilité
J4 · S12
Durcissement
charge, sécurité, recette
J5 · S14
Production
pilotes puis généralisation
J6 · S15+
15 semaines · démarrage septembre 2026 · un incrément démontrable sur environnement de recette à la fin de chaque phase.