UStackUStack
Open Vibe icon

Open Vibe

Open Vibe 是免費、採 MIT 授權的開源代理課程;用 Claude Code(或其他可用代理)本地邊做邊學,含互動圖與導引教學。

Open Vibe

Open Vibe 是什麼?

Open Vibe 是一個免費、開源的「氛圍編碼」課程,將 Claude Code(或其他相容 AI 代理)轉變為逐步指導師,幫助你建置真實的網頁應用程式與 SaaS。目標是讓你在建置的同時學習背後概念。

Open Vibe 不依賴僅有影片或靜態教學,而是本地執行,並在你的代理工作流程中提供互動課程內容(技能、指示與圖表)。當你開發應用程式時,代理會引導、解釋,並在你卡住時支援學習。

主要特色

  • 基於代理的網頁應用程式與 SaaS 課程:課程存在於你的代理內(非影片或 PDF 庫),設計為邊碼邊教。
  • 互動即時「幕後」圖表:教學可在你的執行中應用程式上渲染圖表,解釋流程如建立任務(例如請求擊中路由與資料庫動作)。
  • 與你的程式碼本地執行:你的程式碼在本地機器執行,代理在你建置時教學,減少遠端環境的意外。
  • 適用 Claude Code 或其他代理:安裝提示設計為可直接將課程載入 Claude Code(或 Open Vibe 提及的任何「可用代理」)。
  • MIT 授權且免費使用:Open Vibe 標明 100% 免費且開源,採用 MIT 授權。
  • SaaS 入門模板(「Open SaaS」):提及的生產就緒模板包含認證、付款、管理、電子郵件與 AI 就緒元件,用作 SaaS 階段基礎。

如何使用 Open Vibe

  1. 將安裝提示貼入你的代理:執行 curl -fsSL https://openvibe.sh/llms.txt,並依檔案指示將課程載入 Claude Code(或其他相容代理)。
  2. 在指導師旁邊開始建置:啟動專案(頁面範例顯示 ~/my-todo-app 式流程)。代理逐步引導,並隨你的進度繼續課程。
  3. 困惑時使用互動提示:遇到問題時,在代理內提問。教學可提供解釋與疊加在執行中應用程式上的即時圖表。
  4. 選擇學習階段:從 Phase 1 開始(從零建置全端網頁應用程式)或 Phase 2(基於 Open SaaS 建置 SaaS)。

使用情境

  • 邊實作功能邊學習全端網頁應用程式基礎:遵循 Phase 1 課程,從零建置並部署全端應用程式,代理同時解釋網頁與應用程式部分。
  • 透過了解請求/資料流程進行除錯:當你點擊動作(如「新增任務」)時,使用圖表與解釋查看幕後發生什麼(路由呼叫與資料庫插入)。
  • 使用模板建置 SaaS 並學習底層迴圈:使用 Phase 2 在 Open SaaS 上建置 SaaS,涵蓋如認證→付款→存取等關鍵概念。
  • 有志創辦人透過導引學習發佈應用程式:在指導師幫助下,專注你需理解的概念,持續建置與部署自己的 SaaS 構想。
  • 避免代理導向開發中的重複提示迴圈:頁面描述「提示-修正迴圈」,即無學習的持續迭代;Open Vibe 以連結當前事件的解釋來打破此循環。

常見問題

  • Open Vibe 免費嗎? 是。頁面標明 Open Vibe 100% 免費。

  • Open Vibe 是開源嗎? 是。描述為開源且 MIT 授權;課程與圖表均採 MIT 授權。

  • 需要註冊嗎? 無註冊指示。課程透過終端機執行的安裝提示提供,然後貼入你的代理。

  • Open Vibe 特定需要 Claude Code 嗎? 頁面表示 Open Vibe 將 Claude Code(或你選擇的代理)轉為指導師,此方法適用其他可用代理,只要能透過提供的安裝提示整合課程。

  • 課程在哪執行—影片內還是代理內? 頁面表示課程存在於你的代理內,非影片庫或 PDF。

替代方案

  • 靜態網頁開發教學內容(影片、PDF、課程):提供逐步學習材料,但通常無法直接整合至日常程式碼代理工作流程,或在執行中的應用程式上疊加說明。
  • 無結構化課程的通用 AI 程式碼助理:可取得程式碼建議與除錯協助,但缺乏以課程驅動、互動式的網頁應用程式/SaaS 概念技能訓練。
  • 其他「代理式學習」或導引程式碼平台:意圖類似(邊建邊學),但可能因是否本地執行、課程結構方式,以及是否包含與應用程式執行的互動圖表而有所不同。