Utilisez la page de suivi d'adresse en ligne et sociale de Gemini 3 vibe coding La fonctionnalité permet de suivre les informations en chaîne et l'identité sociale en entrant une adresse EVM, comme un x handle (comme le graphique social qui était très populaire il y a quelques années) Temps utilisé : 25 minutes, j'ai finalement généré la page frontale suivante En fait, le vibe coding est très simple, c'est plus pratique que quelques mois auparavant où j'utilisais encore GPT-4o avec Cloudflare Entrez des instructions pour Gemini, le point clé est que les instructions en langage courant et les prompts dans le coding AI sont différents, donc vous devez utiliser l'IA pour vous fournir un prompt que le LLM peut comprendre Par exemple, mon prompt est Veuillez m'aider à créer un traceur de graphique social Web3 à page unique avec React et Tailwind CSS Exigences de conception : . Style : style geek, style Matrix. L'arrière-plan doit être noir profond, avec un texte ayant une légère lueur bleu ou violet néon. . Mise en page : au centre de la page, il y a une barre de recherche pour entrer l'adresse ETH. . Animation : après avoir cliqué sur rechercher, il doit y avoir une animation de chargement "données en cours de scan" très cool. Affichage des résultats : . À gauche, affichez la "carte d'identité" de cette personne : contenant une photo de profil (avec un avatar Web3 aléatoire), un nom de domaine ENS, et surtout le compte Twitter (en surbrillance). . À droite, affichez le "réseau d'interaction" : listez 3 à 5 adresses avec lesquelles il a interagi. Logique des données : . Comme je n'ai pas de backend, veuillez m'écrire des données simulées (Mock Data). Peu importe l'adresse que j'entre, faites semblant d'avoir trouvé des données. Par exemple, la personne par défaut s'appelle "Vitalik", Twitter @VitalikButerin Structure des fichiers : . Veuillez écrire tout le code directement dans un App.jsx et App.css, afin que je puisse voir le résultat directement. La plupart du temps, j'étais en train de déboguer, car l'outil de coding ne peut pas reconnaître directement à cause de divers détails subtils, donc il faut toujours combiner avec Gemini pour déboguer, copier le code, lui dire exactement où se trouve le problème, puis le laisser résoudre...