Les prompts du jour

Garde cette page ouverte toute la journée. Les étapes se débloquent une par une, avec le code affiché à l'écran.

Les 4 gestes, valables toute la journée

  1. Ouvrir son espace de travailUne session sur Claude Code, ou l'app ChatGPT côté Codex.
  2. Décrire ce qu'on veutEn français, une ou deux phrases.
  3. Regarder le résultatPas lire ce qu'il raconte. Regarder la page.
  4. Dire ce qui ne va pas, et redemanderComme à un prestataire.
0 / 8 débloqué
liaison…
01 S'équiper Fermé

1 · Les deux comptes, pour tout le monde

Bouton Google GitHub github.com/signup Bouton Google Vercel vercel.com/signup

2 · Ton outil, au choix

La plupart d'entre vous Codex, dans l'app ChatGPT chatgpt.com/fr-FR/download · rien à demander à l'informatique Si tu as un abonnement Claude payant Claude Code claude.ai/code · tu connectes ton GitHub

3 · Ajouter les plugins GitHub et Vercel

Dans l'app, menu de gauche, Plugins. Tu cherches GitHub, tu cliques le +, puis tu recommences avec Vercel. Rien ne l'indique, et c'est pourtant ce qui permet à l'agent de créer ton dépôt et de le brancher sur Vercel tout seul, simplement parce que tu le lui demandes.

À chaque fois, le bouton Google. Aucun mot de passe à inventer, aucun mail de vérification à attendre. On crée le compte Vercel maintenant et on s'arrête là, on ne s'en sert que ce midi.
02 Ta page de départ Fermé
À copier tel quel

Fais-moi une page web qui me présente. Il faut mon prénom (PRÉNOM), quelques phrases sur moi (invente s'il faut) et un moyen de me contacter (invente aussi). Une seule page. Ne me pose pas de question, fais des choix à ma place, je corrigerai après.

Un seul mot à changer: remplace PRÉNOM par le tien avant d'envoyer. Le reste, il l'invente, le contenu n'a aucune importance aujourd'hui.
03 Le style, trois demandes Fermé

Une demande à la fois. On regarde le résultat, puis on passe à la suivante.

  1. Une demande sur les couleurs.
    Par exemple Je veux des couleurs sombres, bleu nuit, avec de l'orange pour les boutons. Mets tout en noir et blanc, sauf mon prénom en rouge.
  2. Une demande sur la mise en page, où sont les choses sur l'écran.
    Par exemple Mets mon prénom tout en haut, très gros, et le reste en dessous. Je veux deux colonnes: le texte à gauche, le contact à droite.
  3. Une demande libre, ce que tu as envie de voir.
    Par exemple Ajoute une photo de profil ronde. Mets une phrase qui change à chaque fois qu'on recharge la page.
Les exemples sont là pour démarrer, pas pour être copiés. Tu en prends un et tu le tords à ta sauce, ou tu inventes le tien. C'est exactement là que tu apprends à demander.
04 Une chose qui bouge Fermé

Demande-lui quelque chose qui réagit quand on touche à la page.

Par exemple Quand la souris passe sur un bouton, il change de couleur. Ajoute un bouton qui fait apparaître un texte caché.
Toujours une seule chose à la fois. Deux demandes dans la même phrase, et tu ne sais plus laquelle a marché.
05 Casser ta page Fermé
Tout le monde envoie la même

Ajoute un compte à rebours, un carrousel de photos, un formulaire de contact, une carte, et fais que tout bouge en permanence.

Regarde bien ta page avant d'envoyer. Tu vas vouloir la retrouver. C'est la seule fois de la journée où on te demande de rater quelque chose.
06 La réparer Fermé
La phrase qui sauve

Reviens en arrière, je veux la version d'avant.

Retiens celle-là. C'est elle qui te sortira de la plupart des galères de l'après-midi.
07 Mettre en ligne Fermé

Codex · tu le demandes, il le fait

Tu ne déposes aucun fichier

Crée un nouveau dépôt GitHub pour ce projet et pousse le code dedans. Ensuite crée un projet Vercel lié à ce dépôt et déploie-le. Quand c'est en ligne, donne-moi l'adresse du site.

Claude Code · ton code est déjà sur GitHub

  1. Ouvrir vercel.com/new.
  2. Importer ton dépôt.
  3. Déployer, et récupérer l'adresse.

Puis, pour tout le monde: tu colles ton adresse dans le groupe.

Cette adresse est à toi. Tu peux l'envoyer à qui tu veux, ce soir, depuis ton téléphone. Et à chaque fois que tu changeras ton projet, tu lui demanderas de redéployer, l'adresse ne bougera pas.
08 La conversation avant de construire Fermé

Ouvre un chat normal, ChatGPT ou Claude, celui que tu utilises déjà tous les jours. Pas Claude Code, pas Codex: le chat simple. Discute de ton idée cinq minutes avec lui, en répondant à trois questions:

  1. Qu'est-ce que la personne voit en arrivant ?
  2. Qu'est-ce qu'elle peut faire ?
  3. À quoi ça ressemble ?
Ensuite, donne le résultat de cette discussion à l'agent. Tu viens de transformer une envie en commande.
09 Ton projet à toi Fermé
Ta phrase, avant de toucher au clavier

Je veux un ___ qui permet de ___.

Des phrases qui marchent Je veux un quiz qui me pose des questions sur le cinéma et qui compte les points. Je veux une page qui liste mes candidatures et où j'en suis avec chacune.

Ou pars d'une famille de projets:

  • Un site · portfolio, page de présentation, site d'un projet perso
  • Une application · suivi d'objectifs, candidatures, convertisseur, minuteur
  • Un jeu · casse-briques, snake, quiz, plateforme, clicker
  • Une scène 3D · un objet qui tourne, un système solaire, une pièce à visiter
Une seule règle: ça tourne dans le navigateur, en un ou deux fichiers. C'est ce qui garantit que ça marche ce soir.