Vibe Coding 打造交易時光機：AI 工具實戰應用
日期:
標籤:
AI工具Vibe Coding交易工具
★ Insight ───────────────────────────────────── • 知識庫整理模式：當前任務是將 X 推文內容轉換為知識庫文章，需要遵守「忠於原文」原則 • 繁體轉換：原文為簡體中文，需轉為繁體並保留完整細節 • 避免過度編輯：不加入額外評論或互動文字，保持原汁原味 ─────────────────────────────────────────────────
根據原文內容，這是一篇關於使用 AI 工具（Vibe Coding）打造交易視覺化工具的實戰經驗分享。以下是整理後的正文內容：
來源: @coolish (paulwei)
標籤:vibe-codingai-toolstradingvisualization
專案成果
我花了 3 個通宵，自己把這個「交易時光機」給做出來了，全程沒寫過一行代碼，全靠 vibe coding：可以像播放電影一樣播放暫停、加速進退、拖動進度條，甚至點擊買賣打點、資金盈虧曲線上任何一個點，瞬間跳轉到自己帳號歷史上任何一個時間點，以可視化的方式看到，當時的買賣記錄、掛單位置、倉位狀態、淨敞口等資訊，可以支援從日線到 1 分鐘線任何時間級別。
部分可視化細節包括：
- 買賣打點用透明度、大小可視化區分數量
- 倉位淨敞口用能量條的方式可視化輕倉/重倉程度（倉位大小佔自己總資金比例）
比如，可以點擊到 2020.5.19 當日，直接在 K 線上看到當天自己幹了啥，是怎麼樣為什麼賺了虧了，當時的記憶、感覺一下子都喚醒，甚至連介面，都模擬真實交易所的感覺（既然叫時光機）。和傳統刻板印象中對「回測」「復盤」的認識，完全不是一個概念。
Vibe Coding 開發過程
從 0 開始接觸 vibe coding，走了很多彎路，大致的過程：
先大致描述工具概念需求，同時丟給 Google AI Studio、Antigravity、Cursor、甚至 Codex 網頁版。
發現 Google AI Studio 給出的前端頁面最靠譜，於是在上面繼續，結果發現上下文過度雜度之後，網頁版會出現一種死循環：它開始只寫代碼，不提交代碼，怎麼罵都沒用，而且畢竟是網頁版，使用效率隨專案複雜度升高，而直線下降。
於是把代碼打包，丟給 Antigravity Windows 版，結果發現，Antigravity 目前只是個預覽版，免費額度用完後，暫不支援設定自己花錢的 AI Agent API。
到這裡，大概完成了目前進度的一半。
於是再把代碼打包，丟給 Cursor，發現 Cursor 有區域屏蔽，再研究怎麼用梯子解決...發現梯子用 GFWList 模式是不行的，得用全域或區域白名單。終於絲滑了。
期間感受：
- ChatGPT o1 適合做 CTO
- Gemini 適合做前端審美、執行
- Opus 4.5 適合業務邏輯問題的深度思考，尤其對我這種資料密集型需求
社群自發創作
順便匯總下，我公開實盤 API key 的一週多裡，推友們自發做的一些工具：
@0x0funky：
教科書級地分享如何一步步基於我實盤歷史資料 vibe coding 的過程，給其他 n 位推友也包括我自己在交易分析 vibe coding 上提供了指引，代碼開源且由 @okokgrok 部署至公開網站。
@WeWill_Rocky：
當下倉位、掛單可視化，+ AI 分析總結，產品持續改進並已部署至公開網站。
@Kuttielocs1：
基於 @0x0funky 的開源代碼進一步開發的歷史資料看板，已部署至公開網站。
@porounclemao：
「交易員扮演法分析器」，基於 @0x0funky 的成果自行重構、+ AI，詳細分享了思路過程，代碼開源。
@semiokshen：
也是交易時光機概念，著重歷史掛單分析。代碼開源。
不確定有沒有遺漏。對於基於實盤歷史資料已經有製作成果的推友，如果需要的話，我可以繼續專門提供用更久的 API key。有相關需要的可以帶著製作成果 DM。
總結
推友純憑自發的 building 熱情，都能做出來這麼多有趣的東西，還都公開無私免費分享，這個行業交易領域尤其是 to C 產品的全職 builders 們該多努努力了。
最後只能說：Open Intelligence 牛逼