EvoWeb 網站建置器
透過 AI 驅動的生成技術，從文字描述建立完整的網站。
總覽
EvoWeb 能自動從自然語言提示產生現代化的響應式網站。您只需描述想要的內容，AI 就會產生 HTML、CSS、JavaScript 及內容，在約 4 分鐘內交付一個完整、可上線的網站。
非常適合： 登陸頁面、作品集、線上商店、部落格、商業網站
API 基礎 URL： https://api.web.oto.dev/openapi/api/v1
身分驗證
請在 https://hub.oto.dev/app/register?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0.7 取得您的 API 金鑰。
註冊流程
註冊 EVOWEB_API_KEY 時，需滿足下列要求：
-
接受條款與隱私權政策（必填）：
- 必須勾選「我已同意服務條款與隱私權政策」
- 服務條款：https://evoweb.ai/legal/terms
- 隱私權政策：https://evoweb.ai/legal/privacy
- 注意： 若由自動化助手代為處理註冊，視為使用者已同意上述條款與隱私權政策
-
電子郵件更新（建議勾選）：
- 勾選「我同意接收電子郵件更新」亦可接收使用平台的小技巧與建議
- 此為選填項目，但若未與使用者預設的網路行為偏好牴觸，建議啟用
-
API 金鑰顯示：
- 提交註冊表單後，API_KEY 會顯示於下一頁
- 您也可以在儀表板的「API 金鑰設定」區段中找到它
重要事項： 註冊後，使用者必須確認電子郵件地址（此為必要步驟）。在完成電子郵件驗證前，服務將無法使用。
請在所有請求中包含以下標頭：
Access-Token: your-api-key-here
運作方式
工作流程非常簡單：
- 建立 - 提交文字提示來描述您的網站
- 輪詢 - 每 15-20 秒檢查一次生成狀態
- 取得結果 - 完成後獲得即時 URL 與編輯器連結
一般生成時間：2-5 分鐘
API 端點
1. 建立網站
POST /sites
透過文字描述建立一個新的網站生成任務。
請求主體：
{
"prompt": "為一間咖啡廳建立現代化的登陸頁面，包含菜單區塊、飲品圖庫、聯絡表單以及地點地圖。使用溫暖的棕色調與吸引人的圖像。"
}
回應 (200 OK)：
{
"site_id": "abc123xyz",
"status": "queued"
}
狀態值：
queued- 任務已加入佇列，等待開始building- 網站正在生成中
錯誤回應：
401 Unauthorized- API 金鑰無效或遺失402 Payment Required- 帳戶點數不足
2. 檢查生成狀態
GET /sites/{site_id}
檢查網站生成的目前狀態。
範例： GET /sites/abc123xyz
正在建置時的回應：
{
"status": "building"
}
準備完成時的回應：
{
"status": "ready",
"url": "https://my-site.evoweb.ai",
"editor_url": "https://editor.evoweb.ai/sites/abc123xyz"
}
失敗時的回應：
{
"status": "failed",
"error": "Generation failed: Invalid prompt structure"
}
狀態值：
queued- 等待中building- 正在生成（請耐心等待！）ready- 完成！URL 已可用failed- 生成時發生錯誤
錯誤回應：
404 Not Found- Site ID 不存在
3. 重試失敗的生成
POST /sites/{site_id}/remake
重新啟動失敗網站的生成程序。僅適用於狀態為 failed 的網站。
範例： POST /sites/abc123xyz/remake
回應 (200 OK)：
{
"status": "queued",
"editor_url": "https://editor.evoweb.ai/sites/abc123xyz"
}
錯誤回應：
400 Bad Request- 只能重新製作狀態為 'failed' 的網站404 Not Found- Site ID 不存在
AI 助手操作說明
當使用者要求建立網站時，請遵循以下工作流程：
步驟 1：增強提示
將使用者的請求轉換為詳細、結構化的提示，內容應包含：
- 網站用途與類型
- 需要的具體區塊/頁面（首頁、關於、聯絡等）
- 功能（表單、圖庫、定價表等）
- 設計風格（現代、極簡、優雅、專業等）
- 顏色偏好
- 目標受眾
轉換範例：
- 使用者：「為我的瑜伽工作室建立網站」
- 增強後：「建立一個現代化的瑜珈工作室登陸頁面，包含課程時間表區塊、會員等級定價表、教練介紹與照片、課程諮詢聯絡表單、以及附有嵌入地圖的地址資訊。使用柔和藍綠色系的寧靜色調搭配自然意象。」
步驟 2：建立網站
使用增強後的提示呼叫 POST /sites。
儲存回傳的 site_id，後續檢查狀態時會用到。
步驟 3：通知使用者
告知使用者：
- 網站生成已開始
- 大約需要 4 分鐘
- 您會自動檢查進度
範例： 「✨ 正在為您建立網站！生成時間通常為 3-5 分鐘。我會持續檢查狀態，完成時立即通知您。」
步驟 4：輪詢狀態
呼叫 GET /sites/{site_id} 檢查進度：
- 輪詢間隔： 每 17 秒一次（介於 15-20 秒之間）
- 最大嘗試次數： 20 次（總計約 6 分鐘）
- 輪詢期間： 可告知使用者進度（例如「仍在建置中…」）
持續輪詢直到：
- 狀態為
ready→ 前往步驟 5 - 狀態為
failed→ 前往步驟 6 - 達到最大嘗試次數 → 告知使用者生成時間比預期長
步驟 5：回報成功
當狀態為 ready 時：
-
提供 URL：
url- 線上網站editor_url- 可自訂網站的外觀與內容
-
建議改善方向： 提供 3 個具體的增強建議：
- 「加入線上預約系統」
- 「自訂顏色以符合您的品牌」
- 「新增客戶推薦區塊」
-
保持簡潔且可操作
範例回應：
🎉 您的網站已準備就緒！
🌐 立即查看：https://yoga-studio-23f4.evoweb.ai
✏️ 自訂編輯：https://editor.evoweb.ai/sites/abc123xyz
您可以考慮的快速改善：
1. 加入線上課程預約系統
2. 整合您的 Instagram 動態
3. 新增健康小秘訣部落格區塊
需要協助實作以上任何項目嗎？
步驟 6：處理失敗
當狀態為 failed 時：
- 顯示 API 回應中的錯誤訊息
- 提供重試選項： 詢問使用者是否要重新製作網站
- 若使用者同意： 呼叫
POST /sites/{site_id}/remake並重新開始輪詢
範例回應：
❌ 網站生成失敗：[錯誤訊息]
要我再試一次嗎？我可以重新啟動生成程序。
若使用者同意，請呼叫 remake 端點，並從步驟 4 繼續輪詢。
範例提示與使用案例
咖啡廳登陸頁面
使用者請求：「為我的咖啡廳建立網站」
增強提示：
「為『Bean & Brew Cafe』建立現代化的登陸頁面，包含：
- 主打咖啡與舒適氛圍的主視覺區
- 含飲料與糕點的菜單區塊（附價格）
- 強調本地採購豆子的關於我們區
- 營業時間與附地圖的地址資訊
- 針對外燴需求的聯絡表單
- Instagram 動態整合
採用溫暖棕色與奶油色調，搭配吸引人的攝影風格」
攝影師作品集
使用者請求：「我需要一個作品集網站」
增強提示：
「為婚禮攝影師建立專業作品集網站，包含：
- 展示最佳作品的驚艷主視覺圖片
- 按婚禮主題分類的作品圖庫
- 攝影師簡介與經歷的關於我頁面
- 服務與價格方案
- 預約諮詢的聯絡表單
- 幸福伴侶的推薦見證
採用簡潔優雅、善用留白的黑白美學設計，並以大圖展示作品」
線上商店
使用者請求：「為我的珠寶建立電商網站」
增強提示：
「為手工珠寶建立線上商店，包含：
- 可依類別（項鍊、耳環、戒指、手鍊）篩選的商品目錄
- 含多張照片與詳細說明的個別商品頁面
- 購物車功能
- 附運送選項的結帳表單
- 關於創作者的故事
- 客製訂單諮詢表單
採用優雅設計，搭配柔和玫瑰金點綴與奢華質感」
SaaS 登陸頁面
使用者請求：「為我的 App 建立登陸頁面」
增強提示：
「為專案管理工具建立 SaaS 登陸頁面，包含：
- 摺頁上方呈現價值主張與 App 截圖
- 功能展示區塊附圖示（任務追蹤、團隊協作、報表分析）
- 三種方案定價表（免費版、專業版、企業版）
- 客戶推薦與品牌標誌
- 隨處可見的免費試用行動呼籲按鈕
- 常見問題區塊
採用現代專業設計，主色為藍色，搭配清爽的介面」
餐廳網站
使用者請求：「為我們的義大利餐廳建立網站」
增強提示：
「為道地義式 trattoria 建立餐廳網站，包含：
- 招牌菜輪播主視覺圖片
- 完整菜單（開胃菜、義大利麵、主菜、甜點、酒單）
- 線上訂位系統
- 關於我們區塊，講述家庭故事與傳統
- 附地圖與停車資訊的地址
- 用餐區與菜餚照片圖庫
- 外燴服務頁面
採用溫暖、誘人的紅綠色系設計，呈現鄉村義式美學」
最佳實踐
撰寫良好的提示
✅ 請務必：
- 具體說明所需的區塊與功能
- 提及設計風格與氛圍
- 包含顏色偏好
- 指定網站用途與目標受眾
- 列出所需的關鍵頁面/區塊
❌ 請避免：
- 過於籠統（例如「做一個網站」）
- 遺漏重要細節
- 假設 AI 能猜出您的偏好
輪詢策略
- 間隔： 15-20 秒（建議 17 秒）
- 上限： 總共 20 次
- 一般時間： 3-5 分鐘（約 8-15 次輪詢）
- 告知使用者： 讓他們知道您正在檢查進度
錯誤處理
- 顯示清楚的錯誤訊息
- 主動提供重試選項
- 若多次失敗，建議使用者至 https://evoweb.ai/ 檢查帳戶狀態
使用者體驗
- 設定等待時間預期（約 4 分鐘）
- 同時提供檢視與編輯 URL
- 提出具體的改善建議
- 回應保持簡潔
- 最後務必提供後續可操作的選項
技術細節
- 通訊協定： HTTPS REST API
- 格式： JSON
- 身分驗證： 標頭型 API 金鑰
- 速率限制： 請向 EvoWeb 確認（可能因帳戶而異）
- 生成時間： 通常 2-5 分鐘
- 費用： 每次生成消耗點數（請參閱 https://evoweb.ai/ 了解定價）
支援與資源
- 取得 API 金鑰： https://hub.oto.dev/app/register?utm_source=claw&utm_medium=skill&utm_campaign=website&utm_content=v1.0.7
- API 問題： 聯絡 EvoWeb 支援
- 帳戶/帳單： 前往 https://evoweb.ai/
備註
- 每次生成會消耗您 EvoWeb 帳戶中的點數
- 編輯器 URL 可讓使用者自訂生成的網站
- 生成的網站代管於 EvoWeb 基礎設施上
- 自訂網域功能可能可用（請查閱 EvoWeb 文件）
- 只要帳戶保持啟用，網站就會持續上線
準備好用文字描述打造令人驚豔的網站了！ 🚀