Motion design et vidéo · Typographie cinétique et showreels

Simulation de frappe de code avec variations humaines (Master Prompt Code Demo)

Le prompt d'ingénierie complet pour simuler une saisie de code réaliste avec coloration syntaxique en temps réel, micro-pauses humaines et terminal macOS.

Débutant Essayé le 28 octobre 2026

Master Prompt d’ingénierie Motion Design

Prompt Master Motion Design (Architecture complète)

Prêt à copier dans Claude 3.7 Sonnet, Cursor ou votre environnement de code

<inputs>Paramètres d’entrée requis

Demande-moi d'abord : l'extrait de code ou le prompt IA exact à taper à l'écran [snippet de code ou commande terminal], le langage de programmation pour la coloration syntaxique (ex: TypeScript, Python, Bash ou SQL), le style de la fenêtre (terminal macOS sombre, éditeur VS Code avec onglets ou invite de commande cyberpunk), et la vitesse de frappe souhaitée.

</inputs>

<direction>Direction artistique & Règles visuelles

Simulation de frappe de code et de réponse d'agent IA de niveau démo développeur haut de gamme (GitHub Copilot, Cursor, Vercel). La frappe ne doit jamais être mécanique ou robotique (pas de cadence fixe monotone). Elle intègre des micro-variations humaines réalistes : frappe rapide sur les mots familiers, micro-hésitation de 150ms avant d'ouvrir une accolade ou d'écrire une chaîne de caractères, et saut de ligne instantané. La coloration syntaxique s'illumine mot par mot au fur et à mesure que les tokens sont complétés. Le curseur est une barre verticale lumineuse au néon qui pulse en fin de ligne. Strictement banni : vitesses de frappe exagérément lentes qui endorment le spectateur, polices non-monospace où les caractères bougent, absence de coloration syntaxique, et absence de curseur clignotant.

</direction>

<structure>Chronologie & Grille rythmique (BPM)

Séquence de démonstration de 12 secondes : - 0.0s - 1.5s : Ouverture de la fenêtre de terminal (effet pop doux avec pastilles rouge/jaune/vert). Affichage de l'invite de commande avec curseur pulsant à 1 Hz. - 1.5s - 7.0s : La phase de saisie. Le code se tape caractère par caractère avec un délai aléatoire gaussien (moyenne 45ms, écart-type 20ms). Micro-pauses sur les virgules et retours à la ligne. Coloration syntaxique dynamique en temps réel. - 7.0s - 8.5s : L'exécution. La touche Entrée est pressée (le curseur saute d'une ligne), un micro-loader circulaire tourne pendant 800ms. - 8.5s - 12.0s : La réponse instantanée. La commande renvoie son résultat avec une coche verte "✓ Succès : Déploiement achevé en 180ms" et mise en surbrillance d'une URL cliquable.

</structure>

<build>Spécifications techniques & Pipeline de code

1. Un fichier HTML/CSS/JavaScript autonome avec police à espacement fixe (Fira Code, JetBrains Mono ou Geist Mono). 2. Moteur de frappe : boucle asynchrone await sleep(delay) avec calcul d'aléa pondéré selon la nature du caractère (ponctuation = délai x3). 3. Colorateur syntaxique léger intégré (tokenizer par expressions régulières sans dépendance externe lourde). 4. Rendu Playwright 60fps pour vidéo tutoriel ou teaser de produit technique.

</build>

<gotchas>Pièges techniques & Erreurs à éviter

Injectez toujours les caractères en tant que texte sécurisé (textContent ou tokens analysés) et jamais par un innerHTML brut non filtré pour éviter tout problème d'interprétation des balises < et > dans les snippets de code.

</gotchas>

<start>Consigne d’amorçage & Démarrage

Demande-moi d'abord mon extrait de code et le style de fenêtre (<inputs>), puis découpe la séquence de frappe avant de coder.

</start>

À remplacer avant de coller : [snippet de code ou commande terminal]

Pourquoi ça marche mieux

Demande vague

« fais du code qui s'écrit tout seul »

L’IA doit deviner : réponse générale, ou questions en retour.

Avec R.C.T.F.

Rôle, contexte, tâche et format sont précisés : la réponse est utilisable presque telle quelle.

Exemple de résultat

Réponse obtenue avec Claude, Cursor, le 28 octobre 2026. Votre résultat sera différent : l’IA ne répond jamais deux fois pareil.

Paramétrage de la vitesse de frappe : - Délai moyen par caractère : 45 ms (avec un aléa de +/- 25 ms pour un rendu humain naturel). - Pause sur les ponctuations et retours à la ligne : 320 ms. - Curseur : barre verticale néon clignotant à 1 Hz avec lueur douce (box-shadow cyan ou émeraude). - Coloration syntaxique : balises span injectées à la volée pour colorer les mots réservés en violet, les chaînes en vert et les fonctions en jaune doré. - En fin de saisie : affichage instantané d'une ligne de succès « ✓ Prêt en 0.2s ».

Pour améliorer la réponse, relancez

Ajoute un bouton de copie du code avec notification 'Copié !' animée.
Crée une variante simulant la réponse textuelle progressive d'un grand modèle de langage (effet LLM stream).

Conseil. Ne tapez pas à vitesse strictement fixe (ex: setInterval fixe) : une légère variation de quelques millisecondes entre chaque caractère donne immédiatement l'illusion d'une saisie vivante.

Essayé avec

Apprendre à écrire vos propres prompts

La formation gratuite « L’IA pour entrepreneurs » vous apprend la méthode R.C.T.F. en vidéo, avec des exercices et un quiz.

Suivre la formation gratuite