網站助手與調色盤
透過簡短訪談規劃網站、取得頁面與區段建議、核准藍圖,並根據您的標誌挑選調色盤。
本頁翻譯自英文。若內容有任何差異,以英文版為準。 閱讀英文版
使用助手規劃網站
Section titled “使用助手規劃網站”開啟 Design → Website helper。頂端的徽章會顯示建議使用的是 Claude suggestions 還是 Matching without AI。
-
開始一份計畫。 在 Plans 下為它命名,然後按一下 Start plan。
-
回答訪談問題(1. Discovery)。第 1 輪有 8 個問題,其中 5 個為必填:產業、主要目標、目標受眾、地區與品牌佐證。對於必填問題,您可以 Save answer 或 Let Atlas assume。第 2 輪最多有 7 個選填的後續問題(潛在客戶擷取、服務頁面、語言、法規遵循、佐證資料、動態程度、內容負責人),每個問題都附有詢問的原因。
-
新增簡報(2. Briefs),選填。上傳最大 256 kB 的文字、Markdown 或 JSON 檔案。簡報只會被當作純資訊讀取:其中的指示會被標記,且絕不會被執行。
-
取得建議(3. Recommendations)。Atlas 會建議頁面類型、您網站已有的區段以及已核准的資源庫項目,並列出其 Assumptions。
-
核准藍圖(4. Blueprint)。調整每個 Page title 與 Address (slug),然後按一下 Approve blueprint。已核准的藍圖不會再變動;若要改變方向,請開始新的計畫。
-
建立草稿頁面。 按一下 Create draft pages,然後按 Open draft,在頁面編輯器中填寫內容。不會發布任何內容。
AI 與點數。 開啟 AI 建議時,每項建議都會使用您組織的 AI 點數。若 AI 尚未設定、點數已用盡,或 AI 無法使用,Atlas 會改用不含 AI 的比對方式,且不收取費用。
限制。 每個網站最多 50 份計畫,每份計畫最多 10 份簡報。草稿頁面會依其頁面類型建立為空白頁面;建議的資源庫項目會被列出,但不會放到頁面上。
根據您的標誌挑選調色盤
Section titled “根據您的標誌挑選調色盤”開啟 Design → Brand 與 Palettes from your logo 卡片(網站需要有使用中的網站合約)。
-
選擇 Sample colours from 的來源(您的標誌或媒體圖片;PNG、JPEG、WebP 或 GIF),然後按 Suggest palettes。
-
比較六組調色盤:三組 From your logo 與三組 Independent。每組都會以 AA、AA large 或 Fails 顯示 WCAG 對比。在 Phone 與 Desktop 之間切換 Preview width,並按一下 Compare on a page 在真實頁面上查看。
-
按一下 Edit tokens 調整 12 種顏色中的任何一種(背景、表面、文字、次要文字、主要動作、主要色上的文字、強調色、邊框、成功、警告、錯誤、焦點外框)。編輯時會重新量測對比;Reset to suggested 會復原您的變更。
-
按一下 Use this palette。文字對比低於 4.5:1 的調色盤不會被提供。
使用調色盤會提出網站設定變更的提案;它不會更動您的網站。網站管理員在 Site setup 下審閱並啟用,再由您的開發人員將色彩代碼對應到您的 CSS。Atlas 會在提案中一併顯示開發人員的任務。
範本。 Save as template 會將調色盤保存給您組織中的所有網站使用(最多 100 個範本)。在其他網站上以 Use template 使用它。
給程式碼代理程式
Section titled “給程式碼代理程式”具有 Read website plans 權限的程式碼代理程式連線,可以透過 MCP 以唯讀方式讀取已核准的藍圖、調色盤與設計代碼(design tokens)。請參閱 AI 代理程式(MCP)。