★ AI & Automatisation Trier et résumer sa boîte mail en 2 minutes Votre boîte mail déborde et vous perdez 20 minutes chaque matin à trier. Ce prompt lit vos mails non lus, les classe par priorité et vous prépare des brouillons de réponse, sans jamais rien envoyer sans votre accord.
›_ Tu es mon assistant de tri de boîte mail. Voici ta mission : 1. Récupère mes mails non lus…
Voir la fiche
Site Web
21 outils pour finir ton site : typo, couleurs, performance Un visiteur juge un site en moins d'une seconde, et à cet instant il n'a lu aucun texte. Il a vu une typographie, une palette et une vitesse de chargement. C'est la partie que presque personne ne travaille, et c'est exactement pour ça qu'elle rapporte. Voici les 21 outils que nous utilisons pour la traiter.
Voir la fiche
AI & Automatisation
14 ressources pour créer un site avec l'IA Un site généré sans direction artistique se reconnaît en deux secondes : même mise en page, même police, même dégradé. Le problème n'est pas le modèle, c'est le prompt. Ces 14 ressources fournissent des prompts qui portent une vraie direction artistique, avec des polices nommées, des tokens de couleur et des animations décrites.
Voir la fiche
Web App
22 bibliothèques de composants et d'animations Redévelopper un carrousel, un accordéon ou une révélation au scroll à chaque projet, c'est du temps facturé au client pour un problème déjà résolu mille fois. Ces 22 bibliothèques se copient-collent dans un projet React ou Next.js, et donnent un niveau de finition que la plupart des templates payants n'atteignent pas.
Voir la fiche
Site Web
19 galeries pour voler les meilleurs designs du web Tu ouvres Figma devant une page blanche, ou tu lances un prompt sans savoir à quoi tu veux arriver. Le problème n'est pas le manque d'idées, c'est le manque de références. Voici les 19 sites où nous allons chercher les nôtres.
Voir la fiche
Site Web Comment sont construits les sites de Lando Norris, Charles Leclerc et Oscar Piastri Les sites de pilotes F1 (landonorris.com, charlesleclerc.com, oscarpiastri.com) donnent l'impression d'un budget inatteignable, alors qu'aucun des trois n'utilise de 3D : tout repose sur Lenis, GSAP ScrollTrigger, des révélations de texte masquées et de la vidéo plein cadre. Le vrai blocage, c'est qu'un seul prompt ne peut pas produire ce type de site, parce que les systèmes dépendent les uns des autres (le moteur de scroll avant les animations, le préloader avant le hero, les épinglages dans une seule séquence). Ce guide détaille ce qui tourne réellement sous le capot des trois sites, puis découpe la construction en 10 étapes avec un prompt prêt à coller pour chacune.
›_ Tu es mon partenaire de build pour un site one-page cinématique de pilote ou d'athlète, da…
Voir la fiche
Site Web Reproduire une page produit Apple de A à Z (le démontage du code) Les pages produit d'Apple passent pour hors de portée, alors qu'elles reposent sur cinq couches empilables et toutes reproductibles. Cette ressource ouvre les bundles JavaScript livrés en production sur iPhone 17 Pro, AirPods Pro et MacBook Pro, montre ce que chacune fait vraiment (shaders GLSL maison, scrub vidéo en HLS, moteur de keyframes piloté en CSS), puis donne l'ordre de construction et le prompt complet.
›_ You are building an Apple-style product page: a long scroll where the visuals are driven b…
Voir la fiche
Site Web Réussir des animations au scroll de très haute qualité Le smooth scroll installé en trois lignes donne un site mou, qui tremble sur les sections épinglées et qui devient pénible sur mobile. Un scroll de niveau studio, ce sont quatre couches distinctes à régler séparément : inertie, révélation, épinglage, scrub. Ce guide donne les quatre, avec le code, les valeurs qui marchent et le démontage de trois sites qui les réussissent.
›_ # Scroll motion layer: build spec # Portable: save it as CLAUDE.md (Claude Code) or AGENTS…
Voir la fiche
Site Web Produire un site à 10 000 € avec l'IA : le pipeline complet Un client montre igloo.inc et demande un devis. Ces sites paraissent inaccessibles en solo, alors que deux des trois reposent sur une stack très reproductible. Ce guide donne le démontage réel des trois références, ce que 10 000 € achètent vraiment, et le pipeline complet de production avec Claude et les outils externes qui vont avec.
›_ # Protocole : produire un site vitrine de niveau studio, étape par étape Tu es mon partena…
Voir la fiche
Site Web Comment un site comme likova.space est construit (et le prompt pour le recreer) Les sites immobilier/architecture comme likova.space paraissent etre une grosse production mais reposent sur une stack simple : pas de framework, Three.js brut avec GLTFLoader pour un vrai modele 3D, mouvement au scroll fait a la main. Ce guide detaille exactement ce qui tourne et donne un prompt pret a l'emploi pour recreer le pattern avec son propre projet.
›_ You are building a scroll-narrative marketing site for a physical product (real estate, ar…
Voir la fiche
Site Web Comment un site comme hirotos.com est construit (et le prompt pour le recreer) Les portfolios 3D/creative-developer comme hirotos.com paraissent techniquement hors de portee mais reposent sur une stack accessible et bien documentee (Next.js + react-three-fiber/Three.js + GSAP + p5.js en option). Ce guide detaille exactement ce qui tourne et donne un prompt pret a l'emploi pour recreer le pattern avec son propre contenu.
›_ You are building a portfolio site in the style of a "creative developer" showcase (think h…
Voir la fiche
Site Web Comment un site comme noth.in est construit (et le prompt pour le recreer) Les sites de studio haut de gamme comme noth.in paraissent chers a produire mais reposent sur une stack accessible (Webflow + une couche GSAP maison), pas de l'ingenierie sur mesure. Ce guide detaille exactement ce qui tourne et donne un prompt pret a l'emploi pour recreer le pattern avec son propre contenu.
›_ You are building a one-page studio/portfolio site in the style of high-end creative-agency…
Voir la fiche
AI & Automatisation Ton credit Fable 5 de 100$ : ou le reclamer et comment ne pas le griller Les abonnes Claude Pro/Team Standard ont perdu l'acces inclus a Fable 5 le 20 juillet 2026. Un credit d'usage unique de 100$ est disponible mais doit etre reclame dans Settings > Usage sur claude.ai, il n'est pas applique automatiquement. Ensuite, Fable 5 est facture 10$/M en entree et 50$/M en sortie. La plupart ne le reclament jamais ou le grillent en une session.
Voir la fiche
Transformez votre photo de profil GitHub en portrait ASCII qui s'auto-tape Votre README de profil GitHub est l'une des pages les plus vues que vous possédez, et c'est généralement un mur de badges statiques que personne ne lit. Cette ressource donne un script Python gratuit qui transforme n'importe quelle photo en portrait ASCII monochrome qui s'écrit tout seul à l'ouverture de votre profil, s'anime en boucle, et fonctionne en mode clair et sombre sur GitHub. Aucun JavaScript, aucun service tiers, aucun token API. Juste un script, une photo, et un fichier SVG que GitHub sait déjà animer.
›_ 1. Créez votre repo de profil GitHub (doit correspondre exactement à votre username) : gh …
Voir la fiche
Site Web Derrière la FS 60P : comment fonctionne une page produit 3D en temps réel Vous voulez une page produit qui donne une impression premium et interactive plutôt qu'un template statique de plus, mais construire ça demande en général un pipeline 3D sur mesure que la plupart des équipes n'ont pas. Cette ressource décortique comment thewatch.60fps.fr transforme un seul modèle 3D en site produit complet (hero, changement de couleur, diagramme éclaté, fiche technique), et donne le prompt pour construire votre propre version une fois que vous avez un asset 3D.
›_ Construis un site vitrine produit d'une seule page pour un produit physique, avec React, T…
Voir la fiche
Site Web Volez cet effet vidéo boomerang (le prompt inclus) Les vidéos de fond en boucle qui ont toujours cette coupure gênante au redémarrage, en voici une qui n'en a pas.
›_ ### Stack - **Vite** + **React 18** + **TypeScript** - **Tailwind CSS 3.4** - **lucide-rea…
Voir la fiche
Site Web Volez la structure de ce portfolio (le prompt inclus) La plupart des portfolios se ressemblent, en voici un qui sort du lot, plus le prompt de base pour construire le vôtre.
›_ Construis un héros de portfolio personnel en un seul écran (pas besoin de scroller) avec R…
Voir la fiche
Site Web
Ces sites qui font vraiment mouche Les sites qui m'ont fait me lever de ma chaise pour danser à mon bureau.
Voir la fiche
AI & Automatisation Prompt de briefing quotidien Gmail Votre boîte Gmail est déjà pleine à 9h du matin, et trier cinquante mails pour en trouver les trois qui comptent vraiment vous coûte vingt minutes chaque jour. Ce prompt crée une tâche planifiée qui vérifie vos mails non lus, élimine le bruit, trie ce qui reste par priorité, et rédige des brouillons de réponse dans votre propre style, avant même votre café. Rien n'est envoyé sans votre validation.
›_ Tu es mon tuteur tech personnel, patient et très clair. Je ne suis pas technique. Explique…
Voir la fiche
