Ai Vibe Coding Notes Form Threads

🤖 Claude Code & Vibe Coding 實戰 Tips

  

從 Threads 社群收集整理的 Claude Code、Vibe Coding、AI workflow 實用技巧。 每條都有來源帳號連結，學會並實際使用後打勾 ✅

感謝所有在 Threads 上無私分享 Tips 的創作者 🙏 收集區間：2026/4/5 – 2026/4/13

**持續更新中** — 歡迎開 Issue 推薦好文或補充內容

目錄

• 一、Skill 設計原則（7 條）
• 二、Token & Session 省用技巧（6 條）
• 三、CLAUDE.md 設定技巧（2 條）
• 四、Vibe Coding & UI 設計技巧（6 條）
• 五、Claude Code 工具整合（7 條）
• 六、知識管理 & Obsidian 整合（7 條）
• 七、實戰 Workflow 案例（10 條）
• 八、學習資源 & 工具參考（5 條）

---

一、Skill 設計原則（7 條）

• [ ] **Skill 是資料夾，不是 md 文件** Skill 可以放腳本、模板、甚至資料庫，Claude 會自己去翻。 *就像給員工一整個工具箱，不只是一張便條紙。*

  • 只寫 Claude 會搞錯的地方（邊界案例、踩坑點）
  • 不要寫 Claude 已經知道的基本概念
  • 每個 Skill 必須有「踩坑點章節」，根據 Claude 實際犯的錯持續更新 📌 @oso_cy

• [ ] **/grill-me 指令：Plan 後不要急著說 Yes** 讓 Claude 靈魂拷問你的計畫，再跑出更好的版本。 *就像考試前先讓同學出題考你，找出你沒想到的漏洞。*

  • Plan 跑完第一版後，在 No 那列輸入 /grill-me
  • Claude 會問你十幾題：邊界情況、錯誤處理、有沒有更好的做法
  • 拷問完後重出一版計劃書，品質差很多，再 Yes 開始寫 📌 @mancity.tw

• [ ] **gstack：YC CEO 開源的虛擬工程團隊 Skill 包** 13 個 slash command，把 Claude Code 變成完整工程團隊。 *就像一個人請了整個工程部門來幫你，從規劃到上線都有人負責。*

  • 作者：Y Combinator CEO Garry Tan，48 小時破萬星
  • 涵蓋產品規劃 → QA → 發佈的完整流程
  • 內建 Playwright，AI 可以真的開瀏覽器、點按鈕、截圖找 bug
  • 最常用：plan-ceo-review 📌 @ci.fullstack

• [ ] **沒裝 Skill 的 Claude 就像剛到職的資深員工** 聰明，但什麼都不懂你的工作流。 *就像請了一個很厲害的人，但他完全不知道你們公司的規矩。*

  • Skill 是讓 Claude 了解你的公司/專案脈絡的關鍵
  • 很多人還沒搞懂這個功能 📌 @mariasourcing

• [ ] **設計 Skill 推薦：Impeccable 和 UI Skill** 兩款社群評價高的前端設計 Skill。