AI 工作流程
部署 Cursor、Claude 或 ChatGPT 產生的頁面
Cursor、Claude Code 和 ChatGPT 能快速產生完整 HTML,但他人要檢視仍需在線上發布。以下是從 AI 輸出到分享網址的最短路徑。
從產生完成到可分享
AI 通常把檔案留在本機。若建立 GitHub 儲存庫再連接 Netlify 或 Vercel,會增加設定與等待時間;HTML To Link 可直接上傳輸出或由 Agent 呼叫 API。
手動方式
單一 HTML 可貼入編輯器預覽並發布;包含 CSS 和圖片時,將整個資料夾壓成 ZIP,選擇入口檔後發布。
- 單一檔案:貼上、預覽、發布
- 多檔案:壓縮、上傳、選擇入口、發布
- 通常一分鐘內完成
自動方式
將 Skill 頁面的提示詞加入 Agent 上下文,Agent 會壓縮專案、呼叫部署 API 並回傳網址。修改頁面後也可自動重新部署到相同連結。
FAQ
任何 AI 工具都能使用嗎?
只要能輸出 HTML 或呼叫 HTTP API,Cursor、Claude Code、Windsurf 與自訂 Agent 都可使用。
能更新相同網址嗎?
可以,使用 API Token 可讓 Agent 更新既有部署。
支援哪些檔案?
支援瀏覽器可執行的 HTML、CSS、JavaScript、圖片與字型。