--- title: "Volez cette idée : la liste de cadeaux de Noël" description: "Une section d'app qui aide vos clients à organiser leurs cadeaux de Noël, budget compris, sans rien collecter. Le prompt complet, prêt à coller." canonical_url: "https://fr.goodbarber.com/blog/volez-cette-idee-la-liste-de-cadeaux-de-noel-a1495/" lang: fr date: 2026-11-06 last_updated: 2026-11-06 --- # Volez cette idée : la liste de cadeaux de Noël La rentrée de septembre est passée, les bonnes résolutions de reprise du sport ont tenu (ou pas), et c'est désormais l'heure d'organiser les fêtes de fin d'année. Pour vous aider à y voir plus clair, voici une section d'app qui pourra soulager le stress du remplissage de la hotte du Père Noël. Une fiche par personne, des idées qui changent d'état pour suivre le budget et un compte à rebours jusqu'au réveillon. Le tout généré en une seule description à l'AI Extension Builder de GoodBarber. ![](https://blog.goodbarber.com/_public/profile/6a/6ac86fe0c44e1457a046324ec18c6897e8e94b27-default.jpg) [Florian Luccioni](https://fr.goodbarber.com/blog/author/flo-luccioni/)PWA Developer [Choisissez **GoodBarber** commeSource d’actualités préféréeChoisissez **GoodBarber** comme](https://www.google.com/preferences/source?q=fr.goodbarber.com) 6 nov. 2026 · 11 min de lecture ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/98617621-68828008.jpg?v=1793959738.4644897) La série « Volez cette idée » : une section d'app qu'on décrit à l'AI Extension Builder, qu'on construit pour de vrai, et dont on vous livre le prompt complet à la fin, prêt à coller. Après [le défi 30 jours de la rentrée](https://fr.goodbarber.com/blog/volez-cette-idee-le-defi-30-jours-de-la-rentree-pour-votre-salle-de-sport-a1420/), place à l'une des saisons les plus chargées de l'année ! ## La section, côté client ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/98617621-68828009.jpg?v=1793959740.2044837) Tout commence par une question : *Who are you shopping for this year?* Le client ajoute une personne, avec un prénom, « Maman », « le voisin », ce qu'il veut. Il peut aussi fixer un budget, ou pas. Sous chaque personne, les idées de cadeaux. Chaque idée porte un bouton d'état qu'on touche pour avancer : *Idea*, puis *Bought*, puis *Wrapped*. Les cadeaux achetés et emballés s'additionnent dans le budget de la personne (*€0 of €50*, avec une fine barre) et dans le total de la saison, en haut de l'écran. L'anneau *Progress* se remplit à mesure que chaque personne a au moins un cadeau acheté. Quand la liste s'allonge, les fiches se replient d'un geste sur leur en-tête et il ne reste que les prénoms. Une ligne rappelle qui n'a encore aucune idée (*1 person has no gift ideas yet*) : on la touche et l'écran descend jusqu'à cette personne. Maison Lumen, la boutique de ces captures, est inventée pour l'exemple. Tout ce qu'on y voit est fictif. ## Pourquoi ce format marche pour une boutique Le bénéfice tient au calendrier. De début novembre au 24 décembre, votre client rouvre sa liste chaque fois qu'il pense à un cadeau, et c'est votre app qu'il ouvre pour ça. Une vitrine se regarde en passant et une newsletter de Noël se perd parmi les autres. Un outil qui lui sert vraiment, lui, revient dans la main au moment exact où il décide de ses achats. Et c'est un service, pas une promo de plus. La section ne vend rien, ne pousse aucun produit et ne demande rien en échange. Elle fait gagner du temps et évite de dépasser le budget. Le jour où le client cherche une idée pour sa mère, votre catalogue n'est qu'à un onglet. ## Le budget compte, et ne s'arrête pas au plafond ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/98617621-68828011.jpg?v=1793959741.32448) Regardez la fiche de Mum : budget de 80 €, deux cadeaux achetés, 85 € dépensés. La barre est pleine, le chiffre passe en rouge (*€85 of €80*), et le compte continue. C'est écrit noir sur blanc dans le prompt : ne jamais s'arrêter au budget. Une barre bloquée à 100 % mentirait au moment précis où l'information compte. Deux détails rendent ce total fiable. Un cadeau emballé reste compté : passer d'*Acheté* à *Emballé* ne fait que changer d'étiquette. Et quand on marque comme acheté une idée qui n'avait pas de prix, la section ouvre aussitôt la fiche du cadeau, curseur dans le champ *Price paid*. Le client tape ce qu'il a payé dans la foulée, et le total ne reste jamais faux par oubli. ## Une liste qui reste sur le téléphone ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/98617621-68828012.jpg?v=1793959742.292477) Une liste de cadeaux, c'est une liste de secrets. La section le prend au sérieux : tout est enregistré sur l'appareil, rien n'est envoyé, rien n'est partagé. Elle le dit une fois, en petit, en bas de l'écran : *This list stays on your phone. We can't see it.* Pour les téléphones qui traînent sur la table du salon, le client peut verrouiller sa liste avec un code à quatre chiffres. À la réouverture, l'écran demande le code avant de montrer quoi que ce soit. ## Les phrases du prompt qui font le travail Le prompt complet est plus bas. Si vous l'adaptez, cinq phrases portent l'essentiel : gardez-les. 1. **« When the total passes the budget, the bar fills completely and the figure turns to "€72 of €60" in a warning colour — never stop counting at the budget. »** L'exemple chiffré fait le travail : le générateur voit exactement ce qu'il doit afficher en cas de dépassement. 1. **« Wrapping a gift never takes it out of any total. »** Dans notre construction, la première version retirait les cadeaux emballés du total. Une phrase suffit à l'empêcher. 1. **« When a gift with no price becomes "Bought", its edit window opens with the cursor already in the price field. »** Le moment où le client connaît le prix, c'est celui où il achète. La section le lui demande à ce moment-là. 1. **« A person is done as soon as at least one of their gifts is bought or wrapped. »** Le mot « terminé » n'a pas de sens évident. Écrivez la règle, sinon le générateur en choisit une. 1. **« The list is never sent anywhere, never shared with anyone, and never visible to us. »** La promesse de confidentialité est dans le prompt, et la phrase affichée à l'écran aussi, mot pour mot. ## Le prompt — volez-le Pas une ligne de code derrière cette section : un brief, remis à l'AI Extension Builder. Notre construction a demandé quelques retouches, toutes intégrées ici dans un prompt unique raffiné. Nous l'avons vérifié : collé tel quel dans une section neuve, ce prompt donne du premier coup tout ce que décrit cet article. Create a Christmas gift planner section. Write every text on screen in English. The screen is a list of the people the user is buying for, each with their gift ideas. There is no limit to the number of people. When the list is empty, it shows a single card with the line "Who are you shopping for this year?" and an "Add a person" button, and no other add button. As soon as one person exists, that card disappears and a full-width "Add a person" button sits above the list. Adding a person asks for a name and, optionally, a budget — a plain number, shown with the € symbol. The name is whatever the user types: a first name, "Mum", "the neighbours". Each person is a card. Its header shows the name with a small pen icon right next to it, and the number of gifts on the right ("1 gift", "3 gifts"). Tapping anywhere on the header except the pen folds or unfolds the card; folded, only the header shows, and each card remembers whether it is folded. The pen opens "Edit person": name, budget, Save and Cancel side by side, and below them a full-width "Delete person" button that asks first, then removes the person and all their gifts. Unfolded, a card shows the money line, then the gifts, then "Add a gift idea". The money line reads "No gift ideas yet" when the person has no gift, "€45 of €60" with a thin bar when a budget is set, and "€18 spent" when there is no budget. When the total passes the budget, the bar fills completely and the figure turns to "€72 of €60" in a warning colour — never stop counting at the budget. Each gift is one line: its name, its price if there is one, a state button, and "Edit" and "Delete" links. Tapping the state button moves it from "Idea" to "Bought" to "Wrapped", and a wrapped gift goes back to "Idea". Only those three states, always in that order. Bought and wrapped gifts count toward the person's total and the overall total; ideas don't. Wrapping a gift never takes it out of any total. When a gift with no price becomes "Bought", its edit window opens with the cursor already in the price field, labelled "Price paid". "Add a gift idea" asks for a line of text and an optional price. "Edit" lets the user rename the gift, change its price, or move it to another person with a "For whom?" choice. "Delete" asks first. At the top of the screen, three compact cards in a bento layout. A full-width card reads "48 days until Christmas Eve", counting to 24 December; on 24 December it reads "It's Christmas Eve". Below it, two cards side by side: "Progress", a ring that fills with the share of people who are done, with "2/3" in its centre and "done" under it; and "Total spent on gifts", the sum of the prices of every bought or wrapped gift. A person is done as soon as at least one of their gifts is bought or wrapped. No sentence under the ring. Under the add button, when it is true, one line reads "2 people have no gift ideas yet" ("1 person has no gift ideas yet" in the singular); tapping it scrolls to the first of them and unfolds their card. Everything lives on this device alone. The list is never sent anywhere, never shared with anyone, and never visible to us. Say so on the screen, once, in small text at the bottom: "This list stays on your phone. We can't see it." Above that line, a "Lock this list" button lets the user choose a four-digit code, typed twice, and warns in one sentence that a forgotten code cannot be recovered. Every code entry in the section uses four separate boxes: the cursor moves to the next box as each digit is typed, and backspace moves back. Once a code is set, the section asks for it before showing anything. The lock screen offers "Forget the code and erase the list" as the only way out: its confirmation appears on top of the lock screen, and confirming erases the people, the gifts and the code, and shows the empty list. Once unlocked, the button reads "Remove the lock" and asks for the code before removing it. From 26 December, the top of the screen offers "Start next year's list", which keeps the people and their budgets and removes every gift. Nothing is deleted without asking, and every confirmation is a window drawn by the section, on top of everything else. Nothing flickers or flashes: a gift changing state updates in place without the list jumping or scrolling, totals recount without animating, there is no reload effect when the screen opens, and entrance animations play only on first load. Match the app's design. ## Avant de l'annoncer : trois vérifications ![](https://cmsphoto.ww-cdn.com/superstatic/40142/art/grande/98617621-68828015.jpg?v=1793959743.2524738) Une section générée se vérifie en refaisant les gestes d'un client. Trois minutes suffisent. **Le prix à l'achat.** Ajoutez une idée sans prix et passez-la en *Bought* : la fiche du cadeau doit s'ouvrir, curseur dans le champ prix. Entrez un montant : le total de la personne et le total en haut de l'écran doivent bouger. **L'emballage.** Passez ce cadeau en *Wrapped* : aucun total ne doit changer. **La porte de sortie du verrou.** Posez un code, fermez la section, rouvrez-la. Sur l'écran verrouillé, sans taper le code, touchez *Forget the code and erase the list*. La confirmation doit apparaître par-dessus l'écran verrouillé. Dans notre construction, elle s'ouvrait derrière l'écran verrouillé : on ne la voyait qu'après avoir déverrouillé (capture de gauche, en haut de cette partie). Avec le prompt ci-dessus, elle passe bien par-dessus (capture de droite). C'est exactement le genre de détail qu'on ne voit qu'en testant. Le prompt ci-dessus le précise désormais, mais si votre génération le laisse passer, inutile de recommencer : demandez la retouche en décrivant ce que vous constatez et ce que vous attendez. La voici, prête à coller : "Forget the code and erase the list" doesn't work from the lock screen: its confirmation opens behind the lock screen, and I only see it after unlocking. Expected: the confirmation appears on top of the lock screen, and confirming erases the people, the gifts and the code, then shows the empty list — without ever entering the code. La recette vaut pour n'importe quelle retouche : le symptôme constaté, le comportement attendu, et la précision qui lève l'ambiguïté. Ici, c'est « sans jamais taper le code ». ## Le 26 décembre Le compte à rebours a fait son travail. À partir du 26 décembre, le haut de l'écran propose *Start next year's list* : les personnes et leurs budgets restent, les cadeaux s'effacent, après confirmation. L'an prochain, votre client retrouvera sa liste là où il l'a laissée, dans votre app et il peut y noter ses idées au fil de l'eau dès les fêtes passées. ## À vous de jouer Des personnes, des idées, trois états et un budget : la mécanique dépasse largement Noël. Une boutique de puériculture en fera une section "liste de naissance" à préparer, une papeterie la liste de la rentrée par enfant. Partout où vos clients préparent des achats pour plusieurs personnes, la section se réécrit en changeant quelques mots. ## Aller plus loin - [Prompt teardown](https://fr.goodbarber.com/blog/prompt-teardown-gps-memoire-et-maps-a-partir-d-une-seule-phrase-a1402/) : on prend un prompt et on l'explique ligne par ligne. - [L'AI Extension Builder](https://fr.goodbarber.com/extensions/ai-extension-builder/) : décrivez une section, obtenez-la dans votre app. - [Le défi 30 jours de la rentrée](https://fr.goodbarber.com/blog/volez-cette-idee-le-defi-30-jours-de-la-rentree-pour-votre-salle-de-sport-a1420/) : l'épisode précédent de la série. ## À votre tour La liste de Noël n'est qu'un point de départ. Décrivez votre section comme vous l'expliqueriez à un vendeur qui arrive en décembre : ce que le client voit, ce qu'il touche, ce qui doit rester vrai quoi qu'il arrive. Si ça se décrit, ça peut être une section de votre app : [créez une app avec GoodBarber](https://fr.goodbarber.com/create/). ## En bref **Est-ce que je vois les listes de mes clients ?** Non. Tout reste sur leur téléphone : rien n'est envoyé, ni à vous, ni à nous. La section l'affiche en bas de l'écran. **La liste se synchronise-t-elle entre plusieurs appareils ?** Non, c'est le revers de la confidentialité : la liste vit sur un seul téléphone. Si votre client change d'appareil, il repart d'une liste vide. **Et si mon client oublie son code ?** Personne ne peut le retrouver. La seule issue est d'effacer la liste et de recommencer. La section le prévient au moment où il choisit son code. **Peut-on changer de devise ou de langue ?** Oui, en une phrase de prompt : remplacez « € » et « English » par ce qui convient à vos clients. **Que se passe-t-il après Noël ?** À partir du 26 décembre, la section propose de préparer la liste de l'année suivante en gardant les personnes et leurs budgets. Suivez GoodBarber sur Google [![Ajouter en tant que source préférée sur Google](https://portal.ww-cdn.com/portal_static/images/preferred-source/badge-fr.fa4aafcf456d.png)](https://www.google.com/preferences/source?q=fr.goodbarber.com) ![](https://blog.goodbarber.com/_public/profile/6a/6ac86fe0c44e1457a046324ec18c6897e8e94b27-default.jpg) À propos de l'auteur Flo Luccioni PWA Developer Je suis développeur frontend dans l’équipe Progressive Web Apps de GoodBarber, où nous construisons le moteur de rendu de notre plateforme no-code pour les navigateurs. Je travaille sur les fondations UI et les performances qui transforment l’expérience no-code de nos utilisateurs en produits web rapides, soignés et accessibles, se rapprochant du natif sur tous les appareils. [Voir tous ses articles](https://fr.goodbarber.com/blog/author/flo-luccioni/)[LinkedIn](https://www.linkedin.com/in/floluccioni/)