用 Gemini 3 vibe coding 链上地址查询 & social 跟踪页面 功能是 通过输入 evm address 可以追踪到链上信息以及 social 身份，比如 x handle （就像几年前很流行的 social graph 一样） 用时 25m 最终生成了以下的前端页面 其实 vibe coding 很简单，比几个月前我还在用 GPT-4o 加 cloudflare 来得更方便了 给 Gemini 输入指令，关键点在于 白话文的指令和 ai coding 里的prompt 是不同的，所以你需要借助 AI 给你输出 LLM 能听懂的 prompt 比如我的 prompt 是 请帮我用 React 和 Tailwind CSS 做一个单页面的 Web3 社交图谱追踪器 设计要求： 。 风格：极客风、黑客帝国风格。背景要是深黑色的，文字带有一点霓虹蓝或紫色的光晕。 。布局：页面居中有一个搜索框，输入 ETH 地址。 。动画：点击搜索后，要有一个很酷的“数据扫描中”的加载动画。 结果展示： 。左边显示这个人的“身份卡片”：包含头像（用随机的 Web3 头像）、ENS 域名、以及最重要的 Twitter 账号（高亮显示）。 。右边显示“交互网络”：列出 3-5 个与他交互过的地址。 数据逻辑： 。由于我没有后端，请帮我写死一些模拟数据 (Mock Data)。无论我输入什么地址，都假装查到了数据。比如默认查出来的人叫 "Vitalik"，推特 @VitalikButerin 文件结构： 。请直接把所有代码写在一个 App.jsx 和 App.css 里，让我能直接看到效果。 全程大多数时间是在 debug，由于 coding 器会因为各种细微的内容没办法直接识别，这时候还是要搭配 gemini 来debug，复制代码，一五一十得告诉他那里出现问题，然后让他解决...