Użyj strony do śledzenia adresów na blockchainie i social w Gemini 3 vibe coding Funkcja polega na tym, że po wprowadzeniu adresu EVM można śledzić informacje na blockchainie oraz tożsamość w social media, na przykład x handle (podobnie jak kilka lat temu popularna sieć społecznościowa) Czas realizacji 25 minut, ostatecznie wygenerowano następującą stronę frontową W rzeczywistości vibe coding jest bardzo prosty, wygodniejszy niż kilka miesięcy temu, kiedy używałem GPT-4o z cloudflare Wprowadź polecenie do Gemini, kluczowym punktem jest to, że polecenia w języku potocznym różnią się od promptów w AI coding, więc musisz skorzystać z AI, aby wygenerować prompt, który LLM będzie rozumieć Na przykład mój prompt to Proszę, pomóż mi stworzyć jedną stronę Web3 social graph tracker za pomocą React i Tailwind CSS Wymagania projektowe: . Styl: geekowski, w stylu Matrixa. Tło powinno być głęboko czarne, a tekst z delikatnym neonowym niebieskim lub fioletowym blaskiem. . Układ: na stronie na środku powinno być pole wyszukiwania, w które można wpisać adres ETH. . Animacja: po kliknięciu wyszukiwania powinna być fajna animacja ładowania „skanowanie danych”. Prezentacja wyników: . Po lewej stronie wyświetlana jest „karta tożsamości” tej osoby: zawiera avatar (użyj losowego avataaru Web3), nazwę domeny ENS oraz, co najważniejsze, konto Twitter (wyróżnione). . Po prawej stronie wyświetlana jest „sieć interakcji”: lista 3-5 adresów, z którymi ta osoba miała interakcje. Logika danych: . Ponieważ nie mam backendu, proszę, napisz kilka danych symulacyjnych (Mock Data). Niezależnie od tego, jaki adres wprowadzę, udawaj, że znalazłeś dane. Na przykład domyślnie znalezioną osobą jest "Vitalik", Twitter @VitalikButerin Struktura plików: . Proszę, napisz cały kod w jednym pliku App.jsx i App.css, abym mógł od razu zobaczyć efekt. Większość czasu spędziłem na debugowaniu, ponieważ narzędzie do kodowania może nie rozpoznać różnych drobnych szczegółów, w tym momencie nadal trzeba korzystać z gemini do debugowania, kopiować kod, dokładnie informować go, gdzie wystąpił problem, a następnie pozwolić mu to rozwiązać...