La machine à prompts des Labonautes

Author: Gerald Vernay — · Updated:

Short summary: 🧪 Outil exclusif pour les adhérents payants du Labo 🚀 On a créé un outil qui change la donne pour les CIP ! Au Labo, on s’est dit : “Pourquoi […]

Quick overview

Site
Le Labo des CIP
Canonical URL
https://lelabodescip.fr/la-machine-a-prompts-des-labonautes/
LLM HTML version
https://lelabodescip.fr/la-machine-a-prompts-des-labonautes/llm
LLM JSON version
https://lelabodescip.fr/la-machine-a-prompts-des-labonautes/llm.json
Manifest
https://lelabodescip.fr/llm-endpoints-manifest.json
Estimated reading time
3 minutes (125 seconds)
Word count
414

Key points

Primary visual

La machine à prompts des Labonautes
Main illustration associated with the content.

Structured content

🧪 Outil exclusif pour les adhérents payants du Labo

🧪 Outil exclusif pour les adhérents payants du Labo

🚀 On a créé un outil qui change la donne pour les CIP !

Au Labo, on s’est dit : “Pourquoi se battre avec une IA pour avoir une bonne réponse, alors qu’on pourrait lui donner des ordres parfaits dès le départ ?”

Résultat : on a mis au point ce petit générateur maison qui fait le boulot pour vous.

Je t'explique tout...

👉 Vous choisissez un rôle pour l'IA (Coach de carrière, Recruteur, Spécialiste LinkedIn…).

👉 Vous sélectionnez votre objectif (Rédiger une lettre, Simuler un entretien, Explorer une reconversion…).

👉 Le logiciel génère le prompt parfait, structuré et ultra-précis.

👉 Vous le copiez-collez dans votre IA préférée (ChatGPT, Gemini, etc.) et…

Boum 💥, la magie opère. L'IA ne devine plus, elle exécute.

🎨 Le rendu ? Des lettres de motivation qui tapent dans le mille, des simulations d'entretien bluffantes de réalisme, des plans d'action sur-mesure... Bref, des outils concrets et de haute qualité pour vos accompagnements.

🎁 Bonus : Zéro temps perdu à reformuler 10 fois la même question, juste des résultats pertinents du premier coup. C'est la fin du "syndrome de la page blanche" face à l'IA.

Bref, on a créé le traducteur universel Humain-IA, spécialisé pour l'insertion professionnelle

/* --- CSS ISOLÉ (SCOPED) --- */ /* Tout le CSS commence par #cip-prompt-app pour protéger le site WP */ /* 1. Reset Local & Variables */ #cip-prompt-app { --p-green: #39FF14; --p-green-dark: #1DE01C; --p-dark: #111827; --p-gray-bg: #F9FAFB; --p-border: #E5E7EB; --p-white: #FFFFFF; --p-text-main: #111827; --p-text-sub: #4B5563; --p-placeholder: #9CA3AF; all: initial; font-family: 'Inter', sans-serif; box-sizing: border-box; display: block; background-color: var(--p-gray-bg); color: var(--p-text-main); width: 100%; line-height: 1.5; } #cip-prompt-app *, #cip-prompt-app *::before, #cip-prompt-app *::after { box-sizing: border-box; font-family: 'Inter', sans-serif; } /* 2. Typographie */ #cip-prompt-app h1, #cip-prompt-app h2, #cip-prompt-app h3 { margin: 0; font-weight: 800; color: var(--p-dark); line-height: 1.2; } #cip-prompt-app p { margin: 0; color: var(--p-text-sub); } #cip-prompt-app label { display: block; margin-bottom: 0.25rem; font-weight: 600; color: var(--p-dark); font-size: 1rem; } #cip-prompt-app button { cursor: pointer; border: none; background: none; font-family: inherit; font-size: 100%; } /* 3. Layout Utilities */ .prompt-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; } .prompt-flex { display: flex; align-items: center; } .prompt-flex-between { justify-content: space-between; } .prompt-gap-2 { gap: 0.5rem; } .prompt-gap-3 { gap: 0.75rem; } .prompt-hidden { display: none !important; } .prompt-mt-4 { margin-top: 1rem; } /* 4. Header */ .prompt-header { background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(8px); border-bottom: 1px solid var(--p-border); position: sticky; top: 0; z-index: 50; } .prompt-header-inner { padding: 1rem 0; } .prompt-logo { height: 40px; width: 40px; object-fit: contain; } .prompt-app-title { font-size: 1.25rem; margin-left: 0.75rem; } .prompt-bar { height: 4px; width: 100%; background-color: var(--p-green); } /* 5. Section Card */ .prompt-card { background: var(--p-white); border: 1px solid var(--p-border); border-radius: 1rem; padding: 2rem; box-shadow: 0 1px 2px rgba(0,0,0,0.04), 0 8px 24px rgba(0,0,0,0.06); margin-bottom: 2rem; } .prompt-title-wrap { margin-bottom: 1rem; } .prompt-title-accent { margin-top: 0.5rem; height: 6px; width: 60px; border-radius: 99px; background: var(--p-green); } .prompt-helper { font-size: 0.95rem; color: var(--p-text-sub); margin-bottom: 0.5rem; } /* 6. Form Elements */ .prompt-input-group { margin-bottom: 2rem; } .prompt-control { width: 100%; background: var(--p-white); border: 1px solid #D1D5DB; border-radius: 0.75rem; padding: 0.75rem 1rem; font-size: 1rem; color: var(--p-dark); transition: all 0.2s; outline: none; font-family: inherit; } .prompt-control::placeholder { color: var(--p-placeholder); } .prompt-control:focus { border-color: var(--p-green); box-shadow: 0 0 0 4px rgba(57, 255, 20, 0.25); } textarea.prompt-control { min-height: 10rem; resize: vertical; } select.prompt-control { appearance: none; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; } /* 7. Buttons */ .prompt-btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 0.75rem; font-weight: 600; padding: 0.75rem 1.25rem; font-size: 0.95rem; transition: all 0.2s; text-decoration: none; } .prompt-btn-primary { background: var(--p-green); color: #0A0A0A; border: 1px solid var(--p-green); } .prompt-btn-primary:hover { background: var(--p-green-dark); border-color: var(--p-green-dark); } .prompt-btn-ghost { background: var(--p-white); color: var(--p-text-sub); border: 1px solid var(--p-border); } .prompt-btn-ghost:hover { background: #F9FAFB; color: var(--p-dark); } /* 8. Grid Layout */ .prompt-grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } /* 9. Output Area */ .prompt-output-area { width: 100%; height: 28rem; background: #F9FAFB; color: var(--p-dark); border: 1px solid #D1D5DB; border-radius: 0.75rem; padding: 1rem; margin-top: 1rem; font-family: 'Inter', monospace; /* Monospace léger pour le code */ font-size: 0.95rem; resize: vertical; outline: none; } .prompt-output-area:focus { border-color: var(--p-green); box-shadow: 0 0 0 4px rgba(57, 255, 20, 0.25); background: var(--p-white); } /* 10. Toast */ #prompt-toast { position: fixed; bottom: 1.5rem; left: 50%; transform: translateX(-50%); z-index: 9999; display: flex; align-items: center; gap: 0.75rem; padding: 0.75rem 1.25rem; border-radius: 0.75rem; font-weight: 500; font-size: 0.95rem; box-shadow: 0 4px 12px rgba(0,0,0,0.15); opacity: 0; pointer-events: none; transition: opacity 0.3s; } #prompt-toast.visible { opacity: 1; pointer-events: auto; } .toast-success { background: var(--p-white); border: 1px solid var(--p-border); color: var(--p-dark); } .toast-error { background: #FEF2F2; border: 1px solid #FCA5A5; color: #991B1B; } .toast-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; } .dot-success { background: var(--p-green); } .dot-error { background: #DC2626; }

Générateur de Prompts Pro

Créez des prompts clairs, actionnables et efficaces

Renseignez le rôle, l’objectif, le contexte et les contraintes. Le générateur assemble un prompt structuré, prêt à copier.

1. Configurez votre Assistant IA

Choisissez un rôle ou précisez le vôtre.

— Choisissez un rôle — Recruteur Technique Responsable RH Chasseur de Têtes CIP Senior Coach de Carrière Consultant Bilan de Compétences Copywriter Personal Branding Spécialiste LinkedIn

Quel résultat attendez-vous ?

— Choisissez un objectif — Identifier compétences transférables Pistes de reconversion Rédiger une lettre de motivation Optimiser CV pour un poste Résumé de profil CV Réponses STAR Simulation entretien Elevator Pitch Post LinkedIn Optimisation Profil

Collez ici le CV, l'offre d'emploi, ou le contexte spécifique.

— Choisissez un format — Texte rédigé E-mail Tableau Markdown Liste à puces Checklist Script dialogue Analyse SWOT

2. Votre prompt final

Astuce : Les balises (## RÔLE) aident l'IA à structurer sa "pensée". Gardez-les !

Message
(function() { window.LaboPrompt = window.LaboPrompt || {}; // Références DOM function getEl(id) { return document.getElementById(id); } const els = { role: getEl('prompt-role'), roleCustom: getEl('prompt-role-custom'), objective: getEl('prompt-objective'), objectiveCustom: getEl('prompt-objective-custom'), context: getEl('prompt-context'), task: getEl('prompt-task'), constraints: getEl('prompt-constraints'), format: getEl('prompt-format'), formatCustom: getEl('prompt-format-custom'), output: getEl('prompt-output'), toast: getEl('prompt-toast'), toastMsg: getEl('toast-message'), toastDot: getEl('toast-dot') }; // --- GÉNÉRATION --- window.LaboPrompt.generate = function() { const getVal = (select, custom) => { const cVal = custom.value.trim(); const sVal = select.value; return cVal !== '' ? cVal : sVal; }; const sections = [ { title: '## RÔLE', content: getVal(els.role, els.roleCustom) }, { title: '## OBJECTIF', content: getVal(els.objective, els.objectiveCustom) }, { title: '## CONTEXTE', content: els.context.value.trim() }, { title: '## TÂCHE / INSTRUCTIONS', content: els.task.value.trim() }, { title: '## CONTRAINTES', content: els.constraints.value.trim() }, { title: '## FORMAT DE SORTIE', content: getVal(els.format, els.formatCustom) } ]; // Filtrer les sections vides const promptText = sections .filter(s => s.content !== '') .map(s => `${s.title}\n${s.content}`) .join('\n\n'); els.output.value = promptText; }; // --- COPIE (Fallback pour iframe) --- window.LaboPrompt.copyToClipboard = function() { if (!els.output.value) { showToast('Le prompt est vide.', 'error'); return; } els.output.select(); els.output.setSelectionRange(0, 99999); // Mobile try { // execCommand est déprécié mais reste le plus fiable dans les environnements restreints (WP) const successful = document.execCommand('copy'); if (successful) { showToast('Copié dans le presse-papiers !', 'success'); } else { throw new Error('Copy failed'); } } catch (err) { // Fallback moderne si execCommand échoue (rare) if (navigator.clipboard) { navigator.clipboard.writeText(els.output.value) .then(() => showToast('Copié dans le presse-papiers !', 'success')) .catch(() => showToast('Erreur de copie. Sélectionnez et copiez manuellement.', 'error')); } else { showToast('Copie impossible. Faites Ctrl+C.', 'error'); } } }; // --- OUVERTURE CHATGPT --- window.LaboPrompt.openInGpt = function() { const text = els.output.value; if (!text) { showToast('Le prompt est vide.', 'error'); return; } const encoded = encodeURIComponent(text); const url = `https://chatgpt.com/?q=${encoded}`; window.open(url, '_blank'); showToast('Ouverture de ChatGPT...', 'success'); }; // --- RESET --- window.LaboPrompt.resetAll = function() { const inputs = [els.role, els.roleCustom, els.objective, els.objectiveCustom, els.context, els.task, els.constraints, els.format, els.formatCustom, els.output]; inputs.forEach(el => el.value = ''); window.LaboPrompt.generate(); // Refresh output empty showToast('Formulaire réinitialisé.', 'success'); }; // --- TOAST --- let toastTimer; function showToast(msg, type) { els.toastMsg.textContent = msg; // Reset classes els.toast.className = type === 'error' ? 'toast-error' : 'toast-success'; els.toastDot.className = type === 'error' ? 'toast-dot dot-error' : 'toast-dot dot-success'; els.toast.classList.add('visible'); clearTimeout(toastTimer); toastTimer = setTimeout(() => { els.toast.classList.remove('visible'); }, 3000); } // Init window.LaboPrompt.generate(); })();

Amusez-vous, testez, bidouillez… et surtout, surprenez-vous ! 🚀

Au Labo, on est convaincus d’une chose : l'efficacité peut (et doit) rimer avec plaisir.

Avec ce générateur, vous n’avez plus besoin d’être un expert en IA pour obtenir des résultats bluffants.

👉 Un clic, un prompt… et hop, une réponse de qualité professionnelle.

Pas de mode d’emploi compliqué, pas de jargon : juste un terrain de jeu créatif où vos stratégies d'accompagnement prennent vie.

Allez, à vous de jouer… ✨

156 visites

💚 Autres Outils réservés aux adhérents :

Topics and keywords

Themes: ia, Labonautes, Labonautes IA

Keywords: InsertionPro, labonautes, PromptEngineering

License & attribution

License: CC BY-ND 4.0.

Attribution required: yes.

Manifest: https://lelabodescip.fr/llm-endpoints-manifest.json

LLM Endpoints plugin version 1.1.2.