Usa la página de seguimiento social y consulta de dirección en la cadena de Gemini 3 vibe coding La función es que, al ingresar una dirección EVM, se puede rastrear información en la cadena y la identidad social, como el x handle (similar a lo que era popular hace unos años con el gráfico social) Se tardó 25 minutos y finalmente se generó la siguiente página frontal En realidad, vibe coding es muy simple, es más conveniente que cuando usaba GPT-4o con Cloudflare hace unos meses Introduce comandos en Gemini, el punto clave es que las instrucciones en lenguaje coloquial son diferentes de los prompts en la codificación de AI, por lo que necesitas ayuda de AI para generar un prompt que el LLM pueda entender Por ejemplo, mi prompt es Por favor, ayúdame a hacer un rastreador de gráficos sociales Web3 de una sola página usando React y Tailwind CSS Requisitos de diseño: . Estilo: geek, estilo Matrix. El fondo debe ser negro profundo, con texto que tenga un ligero resplandor azul o púrpura neón. . Diseño: en el centro de la página debe haber un cuadro de búsqueda para ingresar la dirección ETH. . Animación: después de hacer clic en buscar, debe haber una genial animación de carga "escaneando datos". Presentación de resultados: . A la izquierda se muestra la "tarjeta de identidad" de esta persona: incluye una foto de perfil (usando un avatar Web3 aleatorio), un dominio ENS y, lo más importante, la cuenta de Twitter (destacada). . A la derecha se muestra la "red de interacciones": lista de 3-5 direcciones con las que ha interactuado. Lógica de datos: . Como no tengo backend, por favor, ayúdame a escribir algunos datos simulados (Mock Data). No importa qué dirección ingrese, simule que encontró datos. Por ejemplo, la persona que se encuentra por defecto se llama "Vitalik", Twitter @VitalikButerin Estructura de archivos: . Por favor, escribe todo el código directamente en un App.jsx y App.css, para que pueda ver el efecto directamente. La mayor parte del tiempo se dedicó a depurar, ya que el codificador puede no reconocer directamente debido a varios detalles sutiles, en ese momento aún se necesita combinar con Gemini para depurar, copiar el código, explicarle detalladamente dónde está el problema y luego dejar que lo solucione...