Vibe Coding：使用 Claude Code、Cursor 和 Codex 建立應用程式

掌握 Agent Engineering (代理工程/智能體工程)：使用 Claude Code、OpenClaw、Codex、Cursor、Antigravity、Python、React 和 MCP 建構 AI Agents

從這 14.5 小時的課程，你會學到

Agent 工程與 Vibe Coding 基礎：使用 Cursor AI、Codex、Opencode、Claude Code 和 Antigravity，以創紀錄的速度開發應用程式
Claude Code：學習所有基礎知識和您需要的每個細節
即時部署：使用 Lovable、Replit 和 Base44，在幾分鐘內將您的第一個網站上線
專業開發環境：安裝 Python (uv)、Node.js (nvm)、Git和GitHub
精通 CLI 開發：在終端機中有效使用 Claude Code、Gemini CLI 和 Opencode
Context ( 上下文/情境 ) 工程：透過系統提示和.md 檔精確控制AI
編寫 AI 聊天機器人：使用 Pydantic AI、Python 和 Gradio Interface 來建立自己的機器人
深度研究代理：開發用於網路研究、資料抓取和資料分析的代理
全端架構：使用 Claude Code 進行前端開發，並使用 n8n 進行後端自動化
安全性驗證：使用 Supabase 和 MCP 實現登入系統和使用者管理
支付處理：透過 Stripe 和 MCP 整合實現應用變現
託管與部署：在 Vercel 和 GitHub 上專業發布應用
進階 Claude 程式碼：使用自訂斜線指令、鉤子( Hooks )、Claude 技能、外掛程式以及風險極高的 YOLO 模式（–dangerously-skip-permissions）
模型上下文協定 (MCP)：連接伺服器和客戶端，實現強大的工具整合
自主代理：設定 Ralph Loops* 以執行長時間運行的任務並建立多代理系統
本地 AI 能力：直接在 Claude 程式碼和工作流程中使用開源 LLM（透過 Ollama）
AI 影片與動畫：使用 Remotion 技能和 Vercel 技能透過程式碼產生影片
本地後端：整合 ComfyUI 作為影像工作流程的後端替代方案
故障排除與安全：偵錯策略、環境變數保護與修復安全漏洞
Anthropic Agents SDK：使用官方 Python 編寫您自己的代理程式 SDK
版本控制：了解 Git 分支、拉取請求、GitHub CLI 以及人工智慧時代的協作
Codex：從基礎到進階用例

要求

無需任何先驗知識，所有步驟都會一步一步地示範。

課程說明

想在別人還在學習文法的時候就開發出應用程式嗎？

歡迎來到智慧工程和 Vibe Coding 時代！

程式設計已經徹底改變。它不再是費力地自己敲出每一行程式碼，而是追求流暢、有效率和成果。這就是 Vibe Coding。

想學習如何使用Cursor AI、Claude Code 和 Antigravity，在數小時內而非數週內開發出複雜的全端應用程式嗎？想立即將你的想法轉化為可運行的軟體 – 無論是SaaS產品、內部工具還是 AI Agent 嗎？

這門課程將帶你進入軟體開發的未來。你學習的不僅是程式語言，而是一種全新的工作流程。你將成為一名“10倍開發者”，將 AI 視為強大的助手，而不是僅僅是玩具。

我們不建構「Hello World」範例，我們建構的是真正高效的應用程式。你將學習最先進的技術堆疊：Cursor、Claude Code、Codex、Antigravity、Python、React、Next.js、n8n、Supabase、Stripe 以及革命性的模型上下文協定 (MCP)。

告別耗時數小時查找語法錯誤( syntax errors )的時代。完成本課程後，你將能夠獨立編排 AI 模型，創造出以往需要整個團隊協作才能完成的軟體。

本課程內容：

第一節：Vibe 程式設計入門

從零到英雄：使用 Lovable、Replit 和 Base44 等工具，幾分鐘內即可建立您的第一個網站。
理解「Vibe Coding」（直覺式編碼）理念：透過自然語言和智慧指令編寫程式碼。

第二節：專業設定（基礎）

建立強大的開發環境：我們專業地安裝 Python（使用 pip 和 uv）、Node.js（使用 nvm 和 npm），並配置 Git 和 GitHub。
告別終端恐懼：我們將幫助您輕鬆駕馭命令列，這是現代 AI 開發的核心。

第三節：終端機中的人工智慧與命令列介面功能

使用 Gemini CLI 和 Opencode 直接在終端機中進行開發。
學習如何使用 .md 檔案和智慧型資料夾結構為 AI 提供完美的上下文資訊。

第四節：使用遊標和反重力進行 Vibe 編碼

Cursor 大師班：了解為什麼這款編輯器正在取代 VS Code。
Context 工程與提示：精準控制 Pydantic AI 和 Gradio 聊天機器人。
深度研究代理：建立能夠抓取網頁、分析資料並為你完成繁重工作的代理程式。
RAG 和多模態：使用 Gemini Embeddings 2 建立完整的 RAG 應用，支援文字、圖像、音訊和視訊。
從程式碼到發布：像高級開發人員一樣進行偵錯、GitHub 推送和版本控制。

第五節：使用 Claude Code (CLI) 進行開發

新標準：安裝並精通 Claude Code – Anthropic 出品的強大命令列工具。
財務應用專案：我們完全透過提示符編寫了一個完整的財務追蹤應用程式。
代幣( token)管理與成本控制：學習如何在不浪費積分的情況下保持高效率。

第六節：巔峰之作－全端應用與 SaaS

在這裡，我們將所有內容整合在一起：我們建立了一個複雜的 SaaS 應用程式。
前端：使用 React 和 Next.js，由 Claude Code 產生。
後端自動化：強大的 n8n 後端，無需編寫樣板程式碼即可處理邏輯。
資料庫和身份驗證：整合 Supabase，用於使用者登入和資料儲存。
獲利：整合 Stripe，實現真正的支付處理。
部署：我們將應用程式上線到 Vercel 平台。

第七節：高階戰術與代理系統

YOLO 模式：學習何時移除安全屏障以實現最高速度（–dangerously-skip-permissions）。
自訂技能、工具、Plugins、Loops 和 Hooks：教導 Claude Code 執行新技巧。
AI 影片程式碼：使用 Remotion 技能以程式方式產生影片。
多代理系統：讓代理和子代理並行工作（“Ralph Loops”）。
本地 LLM：將 Ollama 和開源模型直接整合到您的 Vibe Coding 工作流程中，以節省成本。

第八節：安全與未來展望

了解風險：快速注入、MCP 突然撤回以及如何保護自己。
使用 AI 進行編碼時的資料安全最佳實踐。

本課程的獨特之處：

大多數課程教你文法（例如「如何在 Python 中寫 for 迴圈」）。這已經過時了。

本課程教你如何建立軟體。

我們不把 AI 當作噱頭，而是將其作為基礎設施。你將學習如何深度整合 MCP（模型上下文協定），以連接伺服器、客戶端和資料來源。你將學習如何使用 n8n，不僅用於自動化，更將其作為功能齊全的後端。

無論你是想實現你的第一個應用創意，還是作為自由工作者需要更快地交付成果，亦或是作為創業者尋求技術獨立 – 在這裡，你都能學習到新一代開發者必備的工具。

你準備好讓程式碼編寫速度超過你的打字速度了嗎？

立即報名，開啟你的程式設計未來之旅！

終端見！

目標受眾

軟體開發者和自由工作者，希望透過「Vibe Coding」革新工作流程，並藉助 Cursor AI 和 Claude Code 將工作效率提升 10 倍。
獨立開發者和創業者，希望藉助 Stripe 以創紀錄的速度建立、發佈軟體創意（MVP）並實現盈利。
人工智慧愛好者和業餘愛好者，希望超越簡單的聊天機器人，開發真正自主的智慧體（使用 n8n、MCP 和 Pydantic AI）。
職業轉型者和初學者，藉助現代人工智慧工具，終於可以編寫複雜的全端應用程式，而無需花費數年時間死記硬背語法。
產品經理和設計師，希望能夠自行建立工作原型和內部工具，而不是等待開發人員的協助。
任何希望掌握現代技術堆疊（Cursor、Claude Code、Antigravity），以前所未有的速度開發軟體的人。