---
title: 07 Lovable 建站簡報
---
# 07 Lovable 建站簡報
> 這份是送給 Lovable 的指令原稿。分批送：**第 1 批**骨架（首頁、產品總覽、導覽、頁尾、亮暗雙主題、中英切換）；**第 2 批**功能細頁五頁；**第 3 批**解決方案五頁；**第 4 批**信任中心、預約展示、聯絡我們、指南六篇。每批送完決策者看過預覽再送下一批。
> 文案來源：03～06 文案檔。送進去時拿掉 `【截圖 #N】`、🟡、🔵、【待確認】這些內部標記；🟡🔵 功能照寫（決策者 2026-10-21：官網照「內建」寫）；【待確認】段落先不送。
> 圖片：先用占位（灰底＋說明文字），截圖好了再換。
## 專案知識（set_project_knowledge，每批共用）
```
# Guidant AI 官網
## 這是什麼
Guidant AI（竣盟科技股份有限公司的產品）的產品官網。Guidant AI 是一套 AI 輔助的合規稽核管理平台，落地部署在客戶機房，主要客群是台灣的合規顧問、稽核事務所與企業資安／稽核團隊。
## 語言
- 預設繁體中文（zh-TW），可切換英文（en）。所有頁面兩種語言都要有，文案由我提供，不要自己翻譯或改寫。
- 網址：中文在根路徑 `/`，英文在 `/en/...`。
- 不要中英夾雜造句；專有名詞縮寫（CMMC、系統安全計畫、SBOM、CRA）可直接用。
## 品牌
- Logo 是純文字：「Guidant」字重 600，顏色跟隨主題（亮色深灰、暗色白）；「AI」字重 700，填 135° 線性漸層 #4FC3F7 → #81C784。兩字同字級、基線對齊、字距 -0.02em。不要用圖片 logo。
- 主色調：深藍綠（teal）系為主，漸層只用在 logo 的「AI」與少量強調。
- 亮色與暗色兩套主題，右上角切換，記住使用者選擇。
- 風格：專業、乾淨、留白多，像 Vanta、Drata、Hyperproof 這類 B2B 合規軟體官網。不要炫技動畫。
- 字型：系統字（-apple-system, Segoe UI, Roboto, Noto Sans TC）。
## 禁止
- 任何卡片、提示框、區塊**不准用左側粗色邊框**（border-left ≥ 3px）當強調。要強調用標題列標籤、四邊 1px 細框配淡底、或純間距。
- 不做價格頁、不做免費試用、不放「立即註冊」。
- 不要自己發明功能或數字；文案只用我給的。
## 全站共通
- 導覽列：Logo／產品▾／解決方案▾／資源▾／信任中心／語系切換／主題切換／【預約展示】主按鈕（右上常駐）。
- 頁尾四欄：產品、解決方案、資源、公司（關於我們外連 https://www.billows.tech/about/、聯絡我們、產品安全資訊、隱私權政策、服務條款）；版權「© 2026 竣盟科技股份有限公司」。
- 行動呼籲全站只有兩種：「預約產品展示」（主，連 /demo）、「免費諮詢」（次，連 /contact）。
- 每頁要有 與 meta description（我會給）。
- 響應式，手機寬度 16px 邊距、無橫向捲動。
- 圖片占位：淺灰底、圓角、置中一行說明文字，例如「截圖：專案總覽」。
```
## 第 1 批：骨架（create_project 的 initial_message）
```
請建一個 Guidant AI 產品官網的第一版骨架。技術：React + Vite + Tailwind + shadcn/ui，純靜態、不需要資料庫與登入。i18n 用 react-i18next 或等效方案，文案集中在 JSON，預設 zh-TW，英文在 /en 前綴路徑。
這一批只做：
1. 全站版型：導覽列、頁尾、亮暗主題切換、語系切換（規格見專案知識）
2. 首頁 /
3. 產品總覽 /product
4. 其他導覽項目先建空白頁，標題與一句「內容準備中」，路由要存在：/product/compliance、/product/ai、/product/detection、/product/grc、/product/deployment、/solutions/cmmc、/solutions/iso-27001、/solutions/cra、/solutions/consultants、/solutions/enterprise、/resources/guides、/trust/security、/demo、/contact
下面是首頁與產品總覽的完整文案（中文），英文版我下一則訊息給。
====== 首頁 / ======
<title>Guidant AI｜AI 輔助的合規稽核管理平台
把 CMMC、ISO 27001、歐盟 CRA 拆成可分工的工作，從證據蒐集、自動化檢測到結案報告在同一平台完成，年年延續；AI 分類證據，資料留在你的機房。
[區塊 1 主視覺]
主標：合規稽核，一個平台走完，年年延續不重來。
副標：Guidant AI 把 CMMC、ISO 27001、歐盟 CRA 等法規標準拆成可以分工的工作，從證據蒐集、自動化檢測、內外部稽核到結案報告，在同一個平台完成。AI 幫你分類證據，資料留在你自己的機房。
按鈕：【預約產品展示】(主) 【看看產品能做什麼】(次，連 /product)
右側圖片占位：「截圖：專案總覽」
[區塊 2 支援框架列]
小標：支援國際主流合規框架
一排文字標籤：CMMC 2.0 ｜ ISO/IEC 27001:2022 ｜ 歐盟網路韌性法（CRA） ｜ 政府組態基準（GCB）
[區塊 3 痛點三格]（三張並排卡）
卡 1 標題：證據散落各處，稽核前才臨時拼湊
內文：截圖在個人電腦、報告在信箱、程序書在共用資料夾。每到稽核前，總要花好幾週把東西找齊。
卡 2 標題：每年稽核，都像從頭再來一次
內文：去年的缺失改了沒？哪些證據可以沿用？換了承辦人就沒人知道，只好重做一遍。
卡 3 標題：合規資料敏感，不能放上外部雲端
內文：系統架構、弱點報告、受控資訊——這些證據本身就是機密，交給雲端服務反而多一層風險。
[區塊 4 一條龍流程]（橫向七步流程，手機改直向）
小標：從規劃到結案，每一步都在同一個平台
步驟與說明：
規劃｜盤點現況、指派負責人
執行任務｜上傳證據、自動檢測
內部稽核｜先自己查一遍
外部稽核｜稽核員逐條判定
缺失改善｜沒過的排定改善期限
結案報告｜系統自動產生正式報告
下一輪｜上一輪的資料自動帶過來
[區塊 5 四大亮點]（四格，每格標題＋說明＋圖片占位）
1. AI 證據分類｜一次丟進上百個檔案，AI 判斷每份文件該放在哪一條要求底下，你只要確認。｜占位「截圖：AI 證據分類」
2. 自動化檢測｜在你的環境部署檢測 Agent，弱點掃描、組態檢查一鍵執行，報告自動成為證據。｜占位「截圖：檢測執行紀錄」
3. 年年延續，不必重來｜一個專案長期管理同一個框架。新一輪稽核自動承接上一輪的控制項、任務、證據與缺失。｜占位「截圖：專案總覽」
4. 裝在你自己的機房｜整套系統可以安裝在企業內部，證據資料不離開你的環境。｜占位「截圖：存取管理」
[區塊 6 給誰用]（兩張卡）
卡 1 標題：合規顧問與稽核事務所
內文：一位顧問同時帶好幾家客戶。把你的專業整理成「資源庫」重複使用，訪談記錄匯入就成為客戶的系統安全計畫，結案報告自動產出。
連結：了解更多 → /solutions/consultants
卡 2 標題：企業資安與稽核團隊
內文：同時要過好幾個框架？共用的控制只做一次。主管一頁看到全公司的合規與風險，每年的稽核資料都留在系統裡。
連結：了解更多 → /solutions/enterprise
[區塊 7 指南推薦]
小標：還在了解法規？從這裡開始
三張卡：什麼是 CMMC／什麼是 CRA／什麼是 ISO 27001（連 /resources/guides，先指到清單頁）
[區塊 8 結尾 CTA]
標題：看看 Guidant AI 怎麼幫你的團隊省下稽核準備時間
按鈕：【預約產品展示】【免費諮詢】
====== 產品總覽 /product ======
產品總覽｜Guidant AI
十二項核心能力：合規框架與資源庫、系統安全計畫、任務與證據、AI 證據分類、自動化檢測、SBOM、稽核作業、結案報告、GRC、AI 助理、企業級管理與落地部署。
[主視覺]
主標：一套平台，管好合規稽核的每一個環節
副標：從法規標準到結案報告，十二項核心能力，讓顧問、受稽單位與稽核員在同一個地方協作。
圖片占位：「截圖：專案總覽」
[十二項功能]（每項一個區塊：編號、標題、一句話粗體、一段說明、三個要點、圖片占位；左文右圖與右文左圖交錯；頁面上方放可點的錨點列）
01 合規框架與資源庫
一句話：把法規標準變成可以重複使用的工作範本
說明：法規條文很長，真正要做事的時候需要的是「這一條要檢查什麼、要什麼證據」。Guidant AI 內建主流合規框架，並讓顧問把自己的專業整理成「資源庫」，下一個客戶直接套用。
要點：
- 內建框架：CMMC 2.0、ISO/IEC 27001:2022、歐盟 CRA；法規改版時由原廠更新
- 資源庫：控制項選集、系統安全計畫範本、稽核流程範本、表單設定，一次建好、不同專案重複使用
- 評估目標：每條控制項再拆成具體可檢查的評估目標，附建議證據與查核指引
占位：「截圖：合規資源庫」
02 專案與稽核生命週期
一句話：一個專案管一個框架，一輪接一輪持續管理
說明：專案不會因為一次稽核結束就關閉。每一輪稽核依序走過規劃、內部稽核、外部稽核、缺失改善、結案；沒過的項目進入覆核輪，隔年再開新的一輪，上一輪的資料自動延續。
要點：
- 階段導覽：專案總覽一眼看到現在在哪個階段、下一步該做什麼
- 內外稽一輪走完：同一輪內先內部稽核、改善後再外部稽核
- 多輪覆核：沒過的項目自動縮小範圍重新驗證，歷史資料完整保留
占位：「截圖：專案總覽」
03 系統安全計畫
一句話：逐條說清楚：每個控制項，現在怎麼做
說明：系統安全計畫是稽核員第一份會看的文件。Guidant AI 讓你逐條記錄每個控制項的實作狀態與說明，連結程序書，並且跨年度持續更新。
要點：
- 逐條現況：實作狀態、說明、負責部門、參考程序書
- 顧問訪談欄位：缺失、修改建議、建議附件，訪談完直接匯入
- Excel／Word 匯入匯出：沿用你熟悉的格式；Word 可套用顧問自己的範本
占位：「截圖：專案規劃頁」
04 任務、證據與審核關卡
一句話：每一條要求，都有人負責、有證據、有人把關
說明：把評估目標拆成任務，指派給真正做事的人。執行人在任務裡上傳證據、填問卷；主管與顧問依序審核，退回或核可都留下紀錄。
要點：
- 待辦任務：每個人登入就看到自己要做的事
- 審核關卡：執行人 → 主管 → 顧問，可以自訂幾關、誰負責
- 週期任務與提醒：每月、每季的例行檢查自動重開；到期前提醒負責人
占位：「截圖：待辦任務與任務抽屜」
05 AI 證據自動分類
一句話：丟進一批檔案，AI 幫你放到對的地方
說明：整理證據最花時間的，是判斷「這份文件對應哪一條要求」。Guidant AI 讀懂文件內容——包含 PDF、圖片、Word、Excel、簡報——建議它屬於哪一條評估目標，你確認後就歸檔進任務。
要點：
- 批次上傳：一次處理上百個檔案
- 人工確認：AI 只建議、不自作主張，每一筆都可以修正
- 安全把關：送給 AI 之前先擋下提示注入與不當請求
占位：「截圖：AI 證據分類」
06 自動化檢測
一句話：弱點掃描、組態檢查，報告自動變成證據
說明：在你的環境部署 Guidant AI 檢測 Agent，從平台指派檢測任務，Agent 在內部網路執行，報告自動回收到對應的任務底下。
要點：
- 八種檢測工具：網路弱點掃描（OpenVAS、Nessus）、網站弱點（ZAP）、主機組態合規（CINC Auditor、OpenSCAP、政府組態基準 GCB）、連接埠盤點（Nmap）、原始碼安全（SonarQube）
- 授權範圍控管：只掃描你登錄過的設備與網段，避免誤掃
- 多 Agent 分派：不同網段由不同 Agent 負責，一次執行同時掃
附註（小字）：Nessus、SonarQube 需使用貴公司自有授權；Nmap 需自行安裝於執行主機。
占位：「截圖：檢測執行紀錄」
07 第三方元件風險
一句話：不懂程式，也看得懂系統用了哪些有風險的元件
說明：上傳原始碼或 SBOM，Guidant AI 產出標準格式的軟體物料清單，用三套工具比對已知弱點，並標出是否已被實際利用（KEV）、被利用的可能性（EPSS）。
要點：
- 標準 SBOM：CycloneDX、SPDX 格式，符合歐盟 CRA 要求
- 只列事實：各工具結果並列、資料不足就標「無法判定」，不替你下結論
- 歷次比較：這次比上次多了哪些弱點、修好了哪些；可設定新增高風險時通知
占位：「截圖：第三方元件風險」
08 稽核作業：計畫、判定、改善
一句話：稽核員逐條判定，不符合的自動排進改善計畫
說明：稽核計畫逐條寫好查核方法與受評對象；稽核員在同一個畫面看到現況說明、證據、檢測報告，逐條判定。判定不符合的項目，自動進入改善計畫，排定負責人與期限。
要點：
- 稽核計畫：查核方法、受評人員、受評資產，逐條規劃
- 逐條判定：符合／不符合／不適用，填發現、風險嚴重度與建議
- 改善計畫（POA&M）：不符合項目自動帶入，設定改善措施與到期日
- Excel 往返：四頁工作表匯出給稽核員離線填寫，改完匯回
占位：「截圖：稽核判定」
09 結案報告
一句話：每一輪結束，正式報告自動產生
說明：結案報告的章節——專案概況、整體符合度、主要缺失、改善計畫——全部由系統從稽核資料即時產生。只有「總結與建議」需要顧問親手寫。
要點：
- 一鍵產出：Word、PDF 下載
- 報告包：結案時的證據與對照表一起打包，日後隨時重新下載
- 定稿與修訂：定稿後鎖定，修訂留紀錄
占位：「截圖：結案報告」
10 GRC 治理與風險
一句話：老闆要的那一頁：全公司的合規與風險，一眼看完
說明：合規做到一定程度，主管會問：「哪個部門最需要關注？我們最大的風險是什麼？」Guidant AI 把責任分工與風險登錄放進同一個平台。
要點：
- GRC 總覽：整體風險態勢、5×5 風險熱圖、部門計分卡、未來一年複查排程；可匯出簡報
- 風險總表：全公司一張表；稽核沒過的項目自動建立風險，確認後納入
- 責任分工（RACI）：每個控制項由哪個部門負責、誰執行、誰知會
占位：「截圖：GRC 總覽」
11 AI 助理與 AI 儀表板
一句話：問系統怎麼用、問法規怎麼做，或用一句話生成圖表
要點：
- AI 小幫手：任何頁面右下角都能叫出來，回答系統操作與合規知識（ISO 27001、CMMC、控制項、證據、稽核實務）
- AI 儀表板：輸入「各專案不符合項目數量」，系統直接產出圖表與表格
- AI 閘道：每一次 AI 呼叫都先擋下提示注入與不當請求、控管使用額度，並留下紀錄
占位：「截圖：AI 儀表板」
12 企業級管理與落地部署
一句話：符合企業 IT 的管理要求，可以整套裝在你的機房
要點：
- 落地部署：提供完整安裝包，在企業內部的伺服器上安裝；證據檔案也可以存放在你指定的位置
- 存取管理：誰、什麼角色、管哪個範圍、到什麼時候——權限清楚、到期自動失效
- 企業整合：LDAP 帳號、多因素驗證、安全政策、Log 轉發到你的 SIEM（Syslog／GELF）、Email 與即時通知
- 多租戶與部門：集團、子公司、部門分層管理，資料彼此隔離
- 程式保護：安裝版經編譯保護並具防竄改檢查
占位：「截圖：存取管理」
[更多功能]（小表格或六個小格）
問卷｜設計問卷、綁在任務上讓受稽方填答
公告與意見回饋｜站內公告；問題回報可同步到 GitLab／GitHub
雲端整合｜從 Google Drive 資料夾取得證據
資產盤點｜資訊系統與設備清冊，含版本與支援期
多語系｜繁體中文、英文介面
亮色／暗色主題｜依個人習慣切換
[部署方式]（兩欄表）
安裝位置｜企業自有伺服器或私有雲
資料存放｜全部留在企業環境，證據檔可存本機、SeaweedFS 物件儲存或指定的檔案 Agent
安裝方式｜提供完整安裝包與安裝手冊、教學影片
授權｜依模組授權，可分批啟用
[我們的安全承諾]
- 公開漏洞通報政策與安全公告 → 連 /trust/security
- 每個版本提供 SBOM
- 每版支援期至少五年
[結尾 CTA]
標題：想知道 Guidant AI 能為你的團隊省下多少稽核準備時間？
副標：告訴我們你正在準備哪個框架，我們安排 30 分鐘的產品展示。
按鈕：【預約產品展示】【免費諮詢】
```
## 第 1 批第二則：英文文案
送 `03-product-page-copy.en.md` 的首頁與產品總覽段，格式同上，要求「只填進 en 的語言檔，版面不動」。
## 第 2～4 批
分別從 04、05、06 文案檔與 `docs/website/guides/articles(-en)/` 取，送法同第 1 批：先中文、再英文。指南六篇走 Markdown 檔渲染（要求 Lovable 用 markdown 元件，文章放 `src/content/guides/..md`），好讓日後新增文章不用改程式。