Utilizza la pagina di tracciamento degli indirizzi on-chain e social di Gemini 3 vibe coding La funzione è che, inserendo un indirizzo EVM, puoi tracciare informazioni on-chain e identità social, come l'handle x (proprio come il social graph che era molto popolare qualche anno fa) Ci sono voluti 25 minuti e alla fine ho generato la seguente pagina front-end In realtà, vibe coding è molto semplice, è diventato più comodo rispetto a qualche mese fa quando usavo GPT-4o con Cloudflare Dai istruzioni a Gemini, il punto chiave è che le istruzioni in linguaggio colloquiale e i prompt nel coding AI sono diversi, quindi hai bisogno di AI per generare un prompt che LLM possa comprendere Ad esempio, il mio prompt è Per favore, aiutami a creare un tracker di social graph Web3 in una pagina utilizzando React e Tailwind CSS Requisiti di design: . Stile: geek, stile Matrix. Lo sfondo deve essere di un nero profondo, con il testo che ha un leggero alone blu o viola neon. . Layout: al centro della pagina c'è una casella di ricerca per inserire l'indirizzo ETH. . Animazione: dopo aver cliccato su ricerca, deve esserci un'animazione di caricamento "scansione dati in corso" molto cool. Visualizzazione dei risultati: . A sinistra viene mostrata la "carta d'identità" di questa persona: include un avatar (usando un avatar Web3 casuale), un dominio ENS e, cosa più importante, l'account Twitter (in evidenza). . A destra viene mostrata la "rete di interazione": elenca 3-5 indirizzi con cui ha interagito. Logica dei dati: . Poiché non ho un backend, per favore aiutami a scrivere alcuni dati simulati (Mock Data). Qualunque indirizzo io inserisca, facciamo finta di aver trovato dei dati. Ad esempio, la persona di default si chiama "Vitalik", Twitter @VitalikButerin Struttura dei file: . Per favore, scrivi tutto il codice direttamente in un App.jsx e App.css, così posso vedere direttamente il risultato. La maggior parte del tempo è stata spesa nel debug, poiché il coding tool potrebbe non riconoscere direttamente a causa di vari dettagli, quindi è comunque necessario abbinare Gemini per il debug, copiare il codice, spiegargli esattamente dove si è verificato il problema e poi farglielo risolvere....