Use Gemini 3 vibe coding on-chain para busca de endereço e página de rastreamento social A função é inserir o endereço do EVM para rastrear informações on-chain, assim como identidades sociais, como o X Handle (como o popular Social Graph há alguns anos) Levou 25 milhões para gerar a seguinte página front-end Na verdade, a codificação do Vibe é muito simples, muito mais conveniente do que eu usava GPT-4o e Cloudflare alguns meses atrás O ponto chave para comandos de entrada no Gemini é que instruções vernaculares são diferentes dos prompts em programação de IA, então você precisa usar IA para produzir prompts que LLMs possam entender Por exemplo, meu prompt é Por favor, me ajudem a criar um rastreador de grafos sociais Web3 de página única com React e Tailwind CSS Requisitos de projeto: 。 Estilo: estilo Geek, estilo Matrix. O fundo deve ser preto escuro, com um toque de azul neon ou brilho roxo. 。 Disposição: Há uma caixa de busca no centro da página, insira o endereço ETH. 。 Animação: Depois de clicar em buscar, aparece uma animação legal de carregamento de "escaneamento de dados". Resultados: 。 À esquerda está o "cartão de identidade" da pessoa: incluindo o avatar (com um avatar aleatório do Web3), o domínio ENS e, mais importante, a conta do Twitter (destacada). 。 À direita está "Rede de Interação": Lista de 3 a 5 endereços com os quais ele interagiu. Lógica dos dados: 。 Como não tenho backend, por favor me ajude a escrever alguns dados simulados. Não importava qual endereço eu digitasse, eu fingia encontrar os dados. Por exemplo, a pessoa padrão se chama "Vitalik", Twitter @VitalikButerin Estrutura do Arquivo: 。 Por favor, escreva todo o código diretamente no App.jsx e App.css para que eu possa ver o efeito diretamente. Na maior parte do tempo, é depuração, porque a máquina de programação não consegue identificar diretamente devido a vários conteúdos sutis, nesse momento, você ainda precisa usar o Gemini para depurar, copiar o código, avisar que há um problema e então deixá-lo resolver...