用 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，複製代碼，一五一十得告訴他那裡出現問題，然後讓他解決...