Tutoriel

Builder une app anti-procrastination RPG en un seul prompt

LLMTutoriel|5 min de lecture
Illustration de l'app RPG quest manager gamifiée

Transformer sa to-do list en quête RPG : des XP points, une esthétique fantasy, et une mécanique de récompense aléatoire qui exploite le même circuit neurologique que TikTok, mais au service de tes vraies priorités. @PromptLLM a publié le prompt complet pour générer cette app avec Claude ou Gemini.


Pourquoi ça marche là où les to-do lists classiques échouent

Cocher une case ne déclenche rien dans ton système de récompense mésolimbique. Ce que ton cerveau comprend, c'est la chasse, l'incertitude, la possibilité d'un gain. C'est le même mécanisme qui t'a fait scroller Instagram à 23h alors que tu avais prévu de dormir à 22h.

Les récompenses intermittentes, celles où tu ne sais pas si tu vas recevoir quelque chose, sont neurologiquement plus puissantes que les récompenses fixes. Les machines à sous fonctionnent sur ce principe. Duolingo aussi.

La mécanique clé ici : 20% de probabilité de ne recevoir aucune récompense après une tâche complétée. Ce n'est pas un bug, c'est le feature central. L'incertitude maintient l'engagement bien mieux qu'un XP garanti à chaque fois.


Ce que l'app génère concrètement

Chaque tâche devient une "quête" avec un titre, une difficulté (Facile / Moyen / Épique) et des XP associés. À la complétion, l'app tire aléatoirement une récompense dans une liste que tu définis toi-même : café, 20 minutes de jeu vidéo, épisode de série... 20% du temps, aucune récompense. Un tableau de bord affiche ton niveau actuel, ton XP total, et ta progression vers le prochain palier.

L'esthétique est fantasy : polices médiévales, couleurs sombres, effets de particules sur les level-up. Pas indispensable fonctionnellement, mais ça compte pour l'engagement.


  1. 1

    Identifie tes récompenses dopaminergiques

    Avant de toucher Claude ou Gemini, liste 5 à 10 choses qui te donnent un coup de dopamine facile : café, chocolat, 15 minutes de gaming, un épisode de ta série, doom scrolling... Ce sont ces récompenses qui alimenteront le système de tirage aléatoire. Plus elles sont personnelles et désirables, plus la mécanique fonctionne.
  2. 2

    Ouvre Claude ou Gemini et colle le prompt

    Les deux fonctionnent. Claude 3.5 Sonnet tend à produire un code plus propre sur les interfaces visuelles, Gemini 2.5 Pro est plus à l'aise avec les animations CSS complexes. Choisis selon ce que tu as sous la main.
  3. 3

    Adapte le prompt avec tes récompenses

    Le prompt ci-dessous est copiable-collable. Remplace la liste REWARDS par tes récompenses personnelles identifiées à l'étape 1. C'est la seule modification obligatoire.
  4. 4

    Itère sur l'UI si besoin

    La première génération est rarement parfaite visuellement. Demande des ajustements précis : "rends les boutons plus grands", "ajoute un son de notification à la complétion", "change le fond en noir profond". Chaque itération prend 30 secondes.

Le prompt

Build me a single-page RPG quest manager app to help me beat procrastination.

CORE MECHANICS:
- Tasks are displayed as "quests" with a title, difficulty (Easy/Medium/Epic), and XP value
  - Easy = 10 XP, Medium = 25 XP, Epic = 50 XP
- When I complete a quest, trigger a reward roll:
  - 80% chance: randomly pick one reward from my REWARDS list and display it
  - 20% chance: "No reward this time, the hunt continues" message
- Track total XP and current level (every 100 XP = 1 level up)
- Show a progress bar toward next level

REWARDS (replace with your own):
const REWARDS = [
  "☕ Café",
  "🎮 20 minutes de gaming",
  "🍫 Carré de chocolat",
  "📺 Un épisode de série",
  "🚶 Pause marche 10 minutes"
];

UI/AESTHETIC:
- Dark fantasy RPG style: dark background (#0d0d1a), gold accents (#ffd700), medieval-style font (use Google Fonts: MedievalSharp or Cinzel)
- Quest cards with a subtle glow effect on hover
- Particle burst animation on level-up
- Parchment-style modal for reward reveal

TECH:
- Pure HTML/CSS/JS, single file, no dependencies except Google Fonts
- Quests persist in localStorage
- Mobile-friendly

Add/remove quests with a simple form: title + difficulty selector.

Formation

Intégrez LLM dans votre workflow

Workshop pratique sur vos cas d'usage. Pas de slides génériques — on build ensemble.

Découvrir

Formation

Intégrez LLM dans votre workflow

Workshop pratique sur vos cas d'usage. Pas de slides génériques — on build ensemble.

Découvrir

Deux paramètres à calibrer selon ton profil

Le taux de non-récompense. 20% est le point de départ recommandé. Si tu trouves ça trop frustrant, descends à 10%. Si tu veux un engagement maximal et que tu te fais confiance, monte à 30%. Au-delà, le système devient démotivant plutôt que stimulant.

La valeur XP par difficulté. Les valeurs par défaut (10/25/50) fonctionnent bien pour des tâches quotidiennes. Si tu travailles sur des projets long terme avec des tâches qui durent plusieurs heures, multiplie tout par 5 pour que le level-up reste atteignable dans la journée.


Le résultat tient dans un seul fichier HTML. Tu peux l'ouvrir dans n'importe quel navigateur, le mettre sur ton bureau, ou le déployer en 30 secondes sur Vercel. Aucune dépendance, aucun compte à créer.

Communauté

Rejoins les builders IA

Tips, prompts, retours d'expérience. Le Telegram des gens qui buildent avec l'IA.

Rejoindre

Articles similaires