Playbook #3 · Niveau intermédiaire

Le Créateur — Votre propre mini-app IA en 30 minutes

Après avoir utilisé les playbooks du Résolveur et du Scanner, apprenez à créer VOTRE propre mini-application HTML interactive, partageable à toute votre équipe, générée à partir d'un simple prompt dans un LLM gratuit.

⏱ 30 min pour la 1ère version 💰 0€ (LLM gratuit) 🚀 1 seul fichier HTML, aucune installation 🎯 Lead magnet & outil équipe

Le pitch

Les 2 premiers playbooks vous ont donné des méthodes. Celui-ci vous donne le multiplicateur : une fois que vous avez identifié une démarche qui marche dans votre équipe, vous pouvez la figer dans une mini-app HTML autonome qui guide n'importe qui à suivre exactement la même méthode. Vous passez d'un savoir individuel à un actif d'équipe, en 30 minutes, sans écrire une ligne de code.

Partie 1 / 4 · Rappel

Qu'est-ce qu'un « playbook IA » ?

Un playbook IA, c'est une méthode métier découpée en phases, où chaque phase fournit un prompt prêt à l'emploi pour un LLM. La force n'est pas dans l'IA — elle est dans la structure imposée à l'IA. Voici ce qu'on a fait jusqu'ici.

Les 2 playbooks déjà produits

Deux méthodes qui couvrent 80% des problématiques Supply Chain courantes, chacune en 5 phases.

📘 Playbook #1 · Niveau 1

Le Résolveur IA Supply Chain

Résoudre une problématique métier (rupture, retard, écart, dérive) en 20 minutes. Combinaison 5 Pourquoi + Ishikawa + matrice Impact/Effort + PDCA.

Define → Analyse → Generate → Decide → Act

📗 Playbook #2 · Niveau 2

Le Scanner Externe IA Supply Chain

Éclairer une décision SC avec des signaux externes publics (matières, fret, géopolitique) via un LLM à accès web. Triangulation systématique.

Define → Scan → Triangulate → Interpret → Act

💡 Le pattern qui se répète : quel que soit le domaine, on retrouve 5 phases — cadrer, analyser, générer des options, décider, agir. Cette structure est ce qui transforme une conversation IA en livrable métier. Notre mini-app reprend exactement ce pattern.

Anatomie d'un playbook réussi

5 ingrédients communs aux 2 playbooks existants — et que votre futur playbook doit reproduire.

LE SQUELETTE UNIVERSEL

PHASE 1

CADRER

Questions pour clarifier l'enjeu

PHASE 2

ANALYSER

Méthode structurante (5M, SWOT, DESC…)

PHASE 3

GÉNÉRER

Divergence d'options

PHASE 4

DÉCIDER

Matrice de priorisation

PHASE 5

AGIR

Livrable prêt à présenter

Méthode nommée

Chaque phase s'appuie sur une méthode reconnue (Lean, Six Sigma, etc.). L'IA devient un facilitateur méthodologique.

Variables utilisateur

Chaque prompt contient des placeholders à remplir par l'utilisateur — ce qui personnalise sans modifier la méthode.

Livrable final

La dernière phase produit TOUJOURS un livrable présentable (plan d'action, note de décision, slide). C'est ça qui crée l'effet "wow".

Partie 2 / 4 · Mode d'emploi

Comment utiliser un playbook au quotidien

Avant de créer votre propre app, quelques règles d'utilisation qu'on a validées sur 50+ cas réels — valables pour les 2 playbooks existants et pour celui que vous allez créer.

Les 4 règles d'or d'utilisation

Ce qui sépare un utilisateur qui obtient des résultats "wow" d'un utilisateur qui ressort frustré.

Travaillez dans une seule conversation LLM. Les 5 phases s'enchaînent dans la même fenêtre de chat. L'IA garde le contexte, vous gagnez 15 minutes de copier-coller et la cohérence est bien meilleure qu'avec 5 chats séparés.

Remplissez les variables AVANT de copier le prompt. Un prompt avec des placeholders `[à compléter]` produit de la réponse générique. Prenez 90 secondes pour remplir proprement — la qualité de la sortie est 10× meilleure.

Challengez systématiquement la phase 4. Quand le LLM a donné sa recommandation, demandez : "Joue l'avocat du diable sur cette recommandation". Le 2ème tour fait émerger les angles morts — c'est là qu'on gagne en robustesse.

Ne sautez jamais la phase 5. Sans plan d'action livrable, vous avez eu une bonne conversation. Avec, vous avez un document pour votre comité de direction. C'est la différence entre "utiliser l'IA" et "produire avec l'IA".

Partie 3 / 4 · La méta-méthode

Créer votre propre mini-app IA en 5 phases

Même structure que les 2 autres playbooks. On ne devient pas développeur — on devient concepteur de méthode. Le LLM écrit tout le code pour nous.

Define

Cadrer votre cas d'usage

5 min

Objectif : identifier UNE démarche récurrente dans votre équipe qui mérite d'être outillée. Pas une révolution — un irritant répétitif que tout le monde bricole dans son coin.

✓

Critère 1 — Fréquence : la démarche revient au moins 1× par mois dans votre équipe.

✓

Critère 2 — Douleur : aujourd'hui elle est faite à l'instinct, avec des résultats inégaux selon qui la mène.

✓

Critère 3 — Cadrabilité : vous pouvez la découper en 4-6 étapes logiques.

✓

Critère 4 — Livrable : la démarche débouche sur un output clair (décision, plan, note, synthèse).

Exemples concrets qui cochent tous les critères : qualification d'un nouveau fournisseur · préparation d'une négociation annuelle · post-mortem incident logistique · cadrage d'un appel d'offres · évaluation d'un projet d'investissement · conduite d'entretien annuel · préparation comité projet.

Design

Structurer votre playbook

10 min

Objectif : découper votre démarche en 5 phases sur le squelette universel (Cadrer → Analyser → Générer → Décider → Agir), et identifier pour chaque phase la méthode mobilisée.

PROMPT PRÉPARATOIRE À COPIER Tu es un consultant senior spécialisé dans la conception de playbooks méthodologiques. Aide-moi à structurer un playbook IA pour la démarche suivante : [DÉCRIRE VOTRE CAS : quoi, pour qui, dans quel contexte] Propose-moi un playbook en 5 phases respectant le squelette universel : Phase 1 — Cadrer (quelle méthode de questionnement ?) Phase 2 — Analyser (quelle grille d'analyse reconnue ?) Phase 3 — Générer (quel type de divergence d'options ?) Phase 4 — Décider (quelle matrice de priorisation ?) Phase 5 — Agir (quel livrable final ?) Pour chaque phase, donne : - Le nom court (1 verbe) - Le titre explicite - La méthode nommée (5 Pourquoi, SWOT, DESC, PDCA…) - L'objectif en 1-2 phrases - 1 à 3 variables utilisateur à renseigner - Un premier jet du prompt LLM de la phase

💡 Itérez 2-3 fois avec le LLM pour affiner. C'est la phase la plus créative — prenez le temps.

Generate

Générer la mini-app HTML

10 min

Objectif : transformer votre playbook conceptuel en application HTML autonome. Vous copiez le méta-prompt ci-dessous dans un LLM gratuit, et vous récupérez un fichier prêt à l'emploi.

MÉTA-PROMPT DE GÉNÉRATION À COPIER Tu vas générer une MINI-APPLICATION HTML interactive autonome (un seul fichier .html), qui guide un utilisateur à travers une démarche méthodologique structurée et lui fournit à chaque étape un prompt personnalisé à copier-coller dans un LLM externe. ═══════════════════════════════════════════════════════════ CONTEXTE MÉTIER ═══════════════════════════════════════════════════════════ Domaine : [VOTRE DOMAINE] Public cible : [VOTRE PUBLIC] Objectif de l'app : [L'OBJECTIF] ═══════════════════════════════════════════════════════════ PLAYBOOK À IMPLÉMENTER (issu de la phase 2) ═══════════════════════════════════════════════════════════ Titre : [TITRE PLAYBOOK] Sous-titre : [UNE PHRASE] Phase 1 — [NOM] ([MÉTHODE]) Objectif : […] Champs : […] Prompt : […] Phase 2 — […] Phase 3 — […] Phase 4 — […] Phase 5 — […] ═══════════════════════════════════════════════════════════ CONTRAINTES TECHNIQUES ═══════════════════════════════════════════════════════════ • UN SEUL fichier HTML autonome (CSS + JS inline) • AUCUNE dépendance externe (pas de CDN, pas de framework) • Vanilla JavaScript uniquement • Responsive mobile, compatible navigateurs modernes • Persistance localStorage, fonctionnement 100% offline ═══════════════════════════════════════════════════════════ 3 ÉCRANS ═══════════════════════════════════════════════════════════ 1. ACCUEIL : hero + bandeau "100% local" + cartes playbook 2. WIZARD : barre de progression, carte de phase (formulaire + prompt généré en live avec bouton Copier + textarea pour coller la réponse), navigation Précédent/Suivant 3. SYNTHÈSE : récap complet, export Markdown, impression PDF, copier tout ═══════════════════════════════════════════════════════════ DESIGN ═══════════════════════════════════════════════════════════ Fond #f5f6f8, accent primaire #0ea5e9, secondaire #7c3aed Cards blanches border-radius 16px, ombre douce Prompt en bloc sombre (#0f172a) façon terminal Hero avec dégradé sombre + accent radial Toast de confirmation, boutons feedback "Copié" ═══════════════════════════════════════════════════════════ LIVRABLE ATTENDU ═══════════════════════════════════════════════════════════ Le fichier HTML complet, prêt à ouvrir. Aucune troncature, aucun placeholder "// à compléter". Playbook fonctionnel de bout en bout. 💡 Si le LLM tronque la sortie : tapez "continue, reprends exactement où tu t'es arrêté". Quasiment toutes les tentatives aboutissent en 2-3 messages.

Test

Tester & raffiner

5 min

Objectif : vérifier que l'app fonctionne et que les prompts produisent vraiment ce qu'on attend. On teste avec un cas réel avant de partager à l'équipe.

①

Enregistrez le HTML sous monapp.html et double-cliquez pour l'ouvrir dans votre navigateur.

②

Déroulez les 5 phases sur un cas réel en parallèle avec le LLM de votre choix. Chronométrez.

③

Notez les frictions : prompt ambigu ? champ manquant ? réponse décevante ? mauvaise formulation ?

④

Retournez au LLM avec la liste de corrections : "Dans ce fichier, corrige les points suivants : [liste]. Renvoie le HTML complet corrigé."

Astuce pro : faites tester votre app par un collègue qui ne connaît pas la méthode. C'est à ce moment que vous découvrirez ce qui n'est pas clair dans vos prompts. C'est aussi le meilleur moyen de gagner un 1er ambassadeur interne.

Ship

Partager dans votre organisation

5 min

Objectif : transformer votre fichier local en actif d'équipe. 4 modes de diffusion, du plus simple au plus pro.

Mode de diffusion	Comment faire	Public visé
Email en pièce jointe	Envoyer le .html directement	Petit groupe, usage ponctuel
Dépôt intranet / SharePoint	Uploader, donner le lien	Équipe élargie en entreprise
Hébergement statique gratuit	GitHub Pages, Netlify Drop, Vercel (drag & drop)	Partage public, lead magnet
URL sur votre domaine	Même hébergement, sous votre nom de domaine	Usage pro, branding fort

Partie 4 / 4 · Ressources

Quel LLM choisir, quelles variantes, quels domaines

Les informations pratiques pour maximiser la réussite de votre 1ère mini-app.

Quel LLM gratuit pour générer l'app ?

Testé sur les playbooks de ce projet — voici le retour d'expérience brut.

LLM gratuit	Qualité code	Qualité design	Taille output	Commentaire
Claude (claude.ai)	★★★★★	★★★★★	Très longue	Le meilleur — quota gratuit limité, régénérer en 2 passes
ChatGPT (GPT-4o)	★★★★	★★★★	Longue	Excellent équilibre, gratuit avec compte
Gemini	★★★★	★★★	Très longue	Bon pour éviter les troncatures
Mistral Le Chat	★★★	★★★	Moyenne	Gratuit, français, résultat correct
DeepSeek	★★★★	★★★	Longue	Surprenant rapport qualité / gratuité

6 variantes de style (à ajouter au méta-prompt)

Phrases à coller en fin de prompt pour adapter l'esthétique à votre marque ou contexte.

🧘 Plus sobre

"Design minimaliste type Notion / Linear, pas de dégradés, typographie aérée."

🎉 Plus fun

"Design type Duolingo, couleurs vives, micro-animations joyeuses, emojis assumés."

🌙 Dark mode

"Version sombre uniquement, fond #0f172a, texte clair, accents néon."

🌍 Multi-langues

"Ajoute un toggle FR/EN en haut à droite, traductions complètes."

📊 Avec compteur

"Ajoute un compteur local d'utilisations (localStorage) affiché en pied de page."

🎨 Branding custom

"Intègre le logo [URL] dans le header et adapte la palette aux couleurs [HEX1, HEX2]."

3 exemples d'adaptation à d'autres domaines

Pour inspirer votre propre playbook — la méthode marche partout où il y a une démarche structurable.

👥 RH

Résolveur de conflits d'équipe

1. Situation + parties prenantes
2. Grille DESC
3. 5 scénarios de médiation
4. Impact relationnel / urgence
5. Plan de conversation 1:1

💰 Finance

Cadreur d'investissement

1. Décision d'investissement
2. 4 piliers (marché/équipe/tech/finance)
3. 3 scénarios (up/base/down)
4. Matrice IRR / risque
5. Mémo 1 page comité

⚡ IT

Résolveur d'incident prod

1. Symptômes + timeline
2. 5 Pourquoi infra
3. 5 hypothèses racine
4. Probabilité × coût de test
5. Post-mortem + remédiation

⚠ 5 pièges à éviter

Vouloir écrire 3 playbooks d'un coup. Un seul, livré, vaut mieux que trois en brouillon. Sortez votre 1ère app avant d'imaginer la 2ème.

Confondre démarche et outil. Si votre "démarche" est en fait un simple calcul Excel, ne faites pas une mini-app IA — faites une macro. L'IA brille quand il y a du jugement humain à structurer.

Accepter le 1er jet du LLM. La 1ère génération est toujours correcte. La 2ème (après corrections) devient excellente. Prévoyez 2 passes systématiquement.

Ne pas tester avec un utilisateur externe. Vos prompts vous semblent clairs parce que vous les avez écrits. Un collègue qui ne connaît pas le contexte va révéler tous les trous.

Oublier de documenter la version. Mettez la date dans le titre de l'app. Quand vous la mettrez à jour dans 3 mois, vous saurez laquelle est la bonne.

✓ 5 astuces qui font la différence

Partez d'un playbook existant. Demandez au LLM d'adapter notre "Résolveur" à votre domaine plutôt que de tout inventer. Gain de temps 5×.

Utilisez Claude pour l'écriture, ChatGPT pour le debug. Deux LLM complémentaires sur le même projet, deux regards, résultat final plus robuste.

Hébergez sur Netlify Drop. Drag & drop du .html → URL publique en 10 secondes, aucun compte requis. C'est magique pour partager rapidement.

Mettez un QR code dans votre support. Lors d'une présentation / atelier / réunion, un QR vers votre mini-app génère plus d'adoption qu'un lien dans un email.

Collectez les retours via un Google Form lié. Après 10 utilisations, vous saurez exactement ce qu'il faut améliorer en v2. L'usage guide l'amélioration continue.

J+1 AU BUREAU

Votre plan d'action retour

5 actions très concrètes pour sortir votre 1ère mini-app dans les 2 semaines après l'atelier.

J+1 : identifiez 3 démarches candidates dans votre équipe (critères phase 1).

J+3 : choisissez-en UNE. Structurez son playbook en 5 phases avec le prompt de la phase 2.

J+5 : générez la mini-app HTML avec le méta-prompt. Testez sur un cas réel.

J+7 : faites tester par 2 collègues. Collectez leurs frictions. Corrigez.

J+14 : publiez (intranet ou Netlify Drop). Partagez en 1 message à toute l'équipe. Mesurez l'adoption.