Sử dụng trang truy vấn địa chỉ trên chuỗi và theo dõi xã hội của Gemini 3 vibe coding Chức năng là thông qua việc nhập địa chỉ evm có thể theo dõi thông tin trên chuỗi cũng như danh tính xã hội, chẳng hạn như x handle (giống như mạng xã hội rất phổ biến vài năm trước) Thời gian sử dụng 25 phút cuối cùng đã tạo ra trang front-end sau đây Thực ra vibe coding rất đơn giản, tiện lợi hơn so với vài tháng trước khi tôi còn sử dụng GPT-4o kết hợp với cloudflare Nhập lệnh cho Gemini, điểm quan trọng là lệnh bằng văn nói và prompt trong ai coding là khác nhau, vì vậy bạn cần nhờ AI xuất ra prompt mà LLM có thể hiểu Chẳng hạn prompt của tôi là Xin hãy giúp tôi làm một trình theo dõi đồ thị xã hội Web3 một trang bằng React và Tailwind CSS Yêu cầu thiết kế: . Phong cách: phong cách geek, phong cách Ma trận. Nền phải là màu đen sâu, chữ có chút ánh sáng neon xanh hoặc tím. . Bố cục: trang có một ô tìm kiếm ở giữa, nhập địa chỉ ETH. . Hoạt hình: sau khi nhấn tìm kiếm, phải có một hoạt hình tải "Đang quét dữ liệu" rất ngầu. Kết quả hiển thị: . Bên trái hiển thị "thẻ danh tính" của người này: bao gồm ảnh đại diện (sử dụng ảnh đại diện Web3 ngẫu nhiên), tên miền ENS, và quan trọng nhất là tài khoản Twitter (được làm nổi bật). . Bên phải hiển thị "mạng tương tác": liệt kê 3-5 địa chỉ đã tương tác với anh ta. Logic dữ liệu: . Do tôi không có backend, xin hãy viết một số dữ liệu mô phỏng (Mock Data). Bất kể tôi nhập địa chỉ nào, hãy giả vờ đã tìm thấy dữ liệu. Chẳng hạn như người mặc định được tìm thấy tên là "Vitalik", Twitter @VitalikButerin Cấu trúc tệp: . Xin hãy viết tất cả mã trong một App.jsx và App.css, để tôi có thể thấy hiệu quả ngay lập tức. Trong suốt thời gian, phần lớn thời gian là để debug, vì coding tool có thể không nhận diện được trực tiếp do nhiều nội dung nhỏ, lúc này vẫn cần kết hợp với gemini để debug, sao chép mã, nói rõ cho nó biết vấn đề ở đâu, rồi để nó giải quyết...