AI 生成工具

安裝

整頁原始碼會落在 app/templates/ai-generation-tool/。也可以改用長效授權金鑰：在 components.json 的 registries 設定 Authorization: Bearer <key>，適合 CI 或多人共用的專案。使用範圍見授權條款。

包含的區段

同一套模板內的區段共用設計 token，所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。

1. 1

   導覽列與主視覺

   深色霓虹導覽列搭配打字提示框，即時展示 AI 生成四張變體的主視覺區。

   hero
2. 2

   對話式共創

   以聊天泡泡逐字串流回覆，示範像跟創意總監對話一樣逐步修圖。

   content
3. 3

   能力網格

   用不規則卡片網格陳列風格切換、圖層編輯、超解析放大等五項核心能力。

   features
4. 4

   運作流程三步驟

   以連線動畫串起描述畫面、選風格比例、微調匯出的三個步驟。

   timeline
5. 5

   Token 經濟與風格市集

   左側說明 token 消耗與餘額卡，下方陳列社群販售的風格配方卡片。

   product
6. 6

   定價方案

   體驗、專業、工作室三種 token 訂閱方案，中間方案以霓虹邊框強調。

   pricing
7. 7

   最終行動呼籲

   視差光暈背景中的品牌圖示與雙按鈕，邀請訪客免費開始生成。

   cta
8. 8

   頁尾

   品牌簡介、社群連結與產品、資源、公司三欄連結的深色頁尾。

   footer