對話式原型
ChatGPT Canvas · Claude Artifacts · Gemini Canvas不安裝工具，先把想法變成能看的互動雛形。
VIBE CODING DECISION GUIDE
不是哪個最強，
而是哪個最適合現在。
從「快速看到成果」到「自主執行」，工具需要的技術能力、資料風險與責任會逐步增加。
資料核對：2026.08.14
01 · START WITH THE JOB
先決定你要交付什麼
Vibe Coding 最初描述的是高度依賴 AI、以自然語言推進程式開發的方式。現在市場把許多不同工具都放進這個名稱裡，因此這裡用工作層級區分，而不是把所有產品排成單一名次。
App Builder
Lovable · v0 · Base44 · Replit需要網址、資料與發布流程，從這一層開始。
Coding Agent
Cursor · Claude Code · Codex已經有 repo 或需要正式工程控制時使用。
Agent 控制層
Manus · OpenClaw · Paperclip自主度與權限都更高，先設邊界與驗收。
FAST DECISIONS
依情境快速選
Claude Artifacts → Lovable
先用對話式原型理解流程，再把需要分享與保存的作品搬到 App Builder。
Lovable／Base44
重視完整工作流；正式使用前要檢查登入、資料權限與匯出方式。
v0
適合 React／Next.js 介面；若要完整後端，仍需搭配工程與部署判斷。
Cursor／Claude Code／Codex
用測試、版本控制與明確驗收規格管理 AI 的跨檔改動。
COMPARISON
工具工作方式比較
| 工具 | 工作方式 | 技術門檻 | 發布 | 資料位置 | 適合 | 先注意 |
|---|---|---|---|---|---|---|
| ChatGPT Canvas↗ | 對話式原型 | 低 | 可分享預覽／需視功能 | OpenAI 雲端 | 文件、程式片段與快速 Web 預覽 | 預覽不等於正式部署 |
| Claude Artifacts↗ | 對話式原型 | 低 | 可分享 Artifact | Anthropic 雲端 | 互動教具、單頁工具、當場示範 | 複雜後端需換 App Builder |
| Gemini Canvas↗ | 對話式 App | 低 | 可分享 Canvas App | Google 雲端 | 文件轉 App、測驗、視覺化 | 多人資料需理解分享權限 |
| Lovable↗ | App Builder | 低 | 內建發布 | 平台雲端 | 教師教具、MVP、可分享網站 | 正式上線仍需檢查資料與權限 |
| v0↗ | App Builder | 中 | Vercel | 平台／自有專案 | 高品質 UI、React／Next.js | 完整產品仍需工程判斷 |
| Base44↗ | App Builder | 低 | 內建發布 | 平台雲端 | 後台、流程與內部工具 | 敏感或受管制資料先做風險評估 |
| Replit↗ | 雲端開發平台 | 低至中 | 內建發布 | Replit 雲端 | 學生實作、多語言與全端原型 | 注意用量成本與平台遷移 |
| Cursor↗ | AI IDE／Agent | 中至高 | 自選 | 自有 repo＋模型服務 | 日常程式開發與跨檔修改 | 需要審查程式與測試 |
| Claude Code↗ | Coding Agent | 中至高 | 自選 | 本機 repo＋模型服務 | 大型程式庫、多步驟實作 | 本機執行不代表資料不出機 |
| Codex↗ | 多代理工作環境 | 中 | 依專案 | 本機／雲端依任務 | 平行委派、程式與知識工作 | 先限制權限與驗收標準 |
| Manus Desktop↗ | 通用 Agent | 中 | 依任務 | 本機執行＋Manus 服務 | 本機檔案、應用與多步任務 | 不能概括成資料完全留在本機 |
| OpenClaw↗ | 自架 Agent | 高 | 自架 | 依模型供應商 | 技術使用者的個人助理實驗 | 權限、提示注入與密鑰風險高 |
| Paperclip↗ | 多 Agent 控制層 | 高 | 自架 | 依部署與 Agent | 組織多個 Agent、預算與治理 | 早期且不適合作為入門工具 |
BEFORE YOU PUBLISH
上線前五項檢查
能跑只是第一關；給學生、同事或外部使用前，請逐項確認。
- 01資料
不放個資、成績、研究機密或未授權素材。
- 02權限
登入、資料庫規則與公開連結是否符合預期。
- 03驗證
測試主要流程、錯誤情境與手機版。
- 04成本
確認 credits、模型呼叫、流量與續訂方式。
- 05退路
確認程式、資料與網域能否匯出或移轉。