Bruk Gemini 3 vibe-koding på kjedeadresseoppslag og sosial sporingsside Funksjonen er å skrive inn EVM-adressen for å spore informasjon fra kjeden samt sosiale identiteter, som X Handle (som den populære Social Graph for noen år siden) Det tok 25 minutter å lage følgende frontside. Faktisk er vibe-koding veldig enkelt, mye mer praktisk enn jeg var med GPT-4o og Cloudflare for noen måneder siden Hovedpoenget med å skrive inn kommandoer til Gemini er at lokale instruksjoner er forskjellige fra prompts i AI-koding, så du må bruke AI for å gi ut prompts som LLM-er kan forstå For eksempel er prompten min Vennligst hjelp meg å lage en enkeltsides Web3 sosial grafsporer med React og Tailwind CSS Designkrav: 。 Stil: Geek-stil, Matrix-stil. Bakgrunnen skal være mørkesvart med et hint av neonblått eller lilla skjær. 。 Oppsett: Det er en søkeboks midt på siden, skriv inn ETH-adressen. 。 Animasjon: Etter å ha klikket på søk, vises en kul «dataskanning»-lasteanimasjon. Resultater: 。 Til venstre er personens «identitetskort»: inkludert avatar (med en tilfeldig Web3-avatar), ENS-domenenavnet, og viktigst av alt, Twitter-kontoen (markert). 。 Til høyre er "Interaksjonsnettverk": Lister 3-5 adresser han har interagert med. Datalogikk: 。 Siden jeg ikke har en backend, vær så snill å hjelpe meg å skrive noen mock-data. Uansett hvilken adresse jeg skrev inn, lot jeg som jeg fant dataene. For eksempel kalles standardpersonen «Vitalik», Twitter @VitalikButerin Filstruktur: 。 Vennligst skriv all koden direkte i App.jsx og App.css slik at jeg kan se effekten direkte. Som oftest er det feilsøking, fordi kodingsmaskinen ikke kan identifisere det direkte på grunn av ulike subtile innhold, men på dette tidspunktet må du fortsatt bruke Gemini til å feilsøke, kopiere koden, fortelle ham at det er et problem, og så la ham løse det...