🧪 ProtoApprendre — Moteur v4 — 3 catalogues + composition + presets · 6/6 phases
Atelier de prototypage des leçons « mode apprendre ». Itère sur les visuels A/B/C, annote, exporte un prompt clean pour Claude Code Max.
→ Ouvrir l'atelier💰
GestionFin
✓ prêt
📣
Marketing Digital
en attente (P6)
🇳🇱
NL Dutch
en attente (P6)
🌐
Business Int.
en attente (P6)
🗺️ Roadmap Moteur v4 — 3 catalogues + composition + presets · refonte générateur
6 chantiers · ~6h
P1
Catalogue C — Typo & Layout
✅
typo_layout_catalog.py ↓ build_v0_prompt ↓ 📏 contraintes typo
Plancher typo (body text-xl, H2 text-4xl, space-y-5+), grid layouts, anti-fragmentation.
⏱ 1h
fait
P2
Catalogue A — Visuels (subject-aware)
✅
visual_catalog.py ↓ subject=app 🎨 analogies adaptées
Bibliothèque visuels par sujet (gestionfin = cash/sablier/robinet) + règle ≥1 visuel/step.
⏱ 1h15
fait
P3
Catalogue B — Interactions
✅
interaction_catalog.py ↓ 🎮 patterns interactifs
drag-drop + tap-to-place fallback + MutationObserver récap live + accessibilité.
⏱ 1h30
fait
P4
Règles de composition (bridge)
✅
composition_rules.py ↓ STEP_RECIPES 🎼 bridge ABC
≥1 visuel + ≥1 interaction par step, recettes step (intro/cœur/récap), checklist auto-vérif Max.
⏱ 1h
fait
P5
Test live prompt V0
✅
build_v0_prompt ↓ ✅ 4 blocs dans l'ordre
Vérifier injection des 4 catalogues sur leçon neuve chTEST2-l2 (Trésorerie Nette).
⏱ 30 min
fait
P6
Préselection primitives (vs tbd)
✅
step_presets.py ↓ suggested_kind 📋 défauts intelligents
step_presets.py — concept-pillar/drag-drop/flip/cascade/qna/quiz-page au lieu de tbd partout.
⏱ 45 min
fait
📜 Historique V2 (Phase 0 → δ)
- ✅ Phase 0 — Roadmap visuelle home
- ✅ α — Data model + import CLI
- ✅ β — UI validation des leçons
- ✅ γ — Vision libre + A/B/C contextualisés
- ✅ δ — Reset + smoke + docs
📜 Historique V1 (P0 → P4.5)
- ✅ P0 — Bootstrap
- ✅ P1 — Moteur de rendu (5 kinds + visuels prioritaires + thèmes)
- ✅ P2 — Step témoin (DB + panel A/B/C + notes auto-save)
- ✅ P3 — Leçon complète (auto-spawn par kind + notes transverses)
- ✅ P4 — Export prompt (modal preview + copy + download .md)
- ✅ P4.5 — Page 0 Direction globale (5 décisions cross-cutting)