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、圖片與字型。

相關指南