Käytä Gemini 3 -tunnelmakoodausta, ketjun sisäisen osoitteen hakua ja sosiaalisen seurannan sivua Toimintona on syöttää EVM-osoite jäljittääkseen ketjun sisäistä tietoa sekä sosiaalisia identiteettejä, kuten X Handle (kuten suosittu Social Graph muutama vuosi sitten) Seuraavan etusivun tuottamiseen meni 25 minuuttia Itse asiassa vibe-koodaus on hyvin yksinkertaista, paljon kätevämpää kuin käytin GPT-4o:ta ja Cloudflarea muutama kuukausi sitten Tärkein asia komentojen syöttämisessä Geminiin on, että paikalliset käskyt eroavat AI-koodauksen kehotteista, joten sinun täytyy käyttää tekoälyä tuottaaksesi käskyjä, jotka LLM:t ymmärtävät Esimerkiksi kehotteeni on Auttaisitko minua tekemään yhden sivun Web3-sosiaalisen graafin seurantalaitteen Reactilla ja Tailwind CSS:llä Suunnitteluvaatimukset: 。 Tyyli: Geek-tyyli, Matrix-tyyli. Taustan tulisi olla tummanmusta, jossa on ripaus neonsinistä tai violettia hehkua. 。 Asettelu: Sivun keskellä on hakukenttä, syötä ETH-osoite. 。 Animaatio: Haun klikkaamisen jälkeen näkyy siisti "datan skannaus" -latausanimaatio. Tulokset: 。 Vasemmalla on henkilön "henkilökortti": mukana on avatar (satunnaisella Web3-avatarilla), ENS-verkkotunnus ja ennen kaikkea Twitter-tili (korostettu). 。 Oikealla on "Interaction Network": Listaa 3–5 osoitetta, joiden kanssa hän on ollut vuorovaikutuksessa. Datalogiikka: 。 Koska minulla ei ole taustajärjestelmää, auta minua kirjoittamaan mock dataa. Riippumatta siitä, minkä osoitteen syötin, teeskentelin löytäväni tiedot. Esimerkiksi oletushenkilö on nimeltään "Vitalik", Twitter @VitalikButerin Tiedostorakenne: 。 Kirjoita kaikki koodi suoraan App.jsx- ja App.css-tiedostoihin, jotta näen vaikutuksen suoraan. Useimmiten kyse on virheenkorjauksesta, koska koodauskone ei pysty tunnistamaan sitä suoraan erilaisten hienovaraisten sisältöjen vuoksi. Tässä vaiheessa sinun täytyy silti käyttää Geminiä debuggaukseen, kopioida koodi, kertoa hänelle, että siellä on ongelma, ja antaa hänen ratkaista se...