超越視覺樣式的設計
Proof 不只是為固定頁面套用樣式，而是會設計表層樣式、區段版面、區段順序、區段的納入或省略，以及頁面策略。
產品概覽
Proof 是開源的 Claude Code 與 Codex 產品設計技能，可將簡短的頁面簡述轉化為結構化的產品頁面方向，針對視覺呈現、區段版面、內容層級、頁面範圍與受眾做出決策，而不只是專注於表層樣式。
文件所述的工作流程刻意保持精簡：安裝技能、指定頁面類型、選擇風格與主題，然後要求代理程式設計頁面。使用者也可以提供更深入的限制條件，例如區段、品牌色彩、字型與區段順序，或要求設計單一區段而非完整頁面。網站列出八種頁面類型、四種視覺風格，以及淺色和深色變體。
核心功能
以簡述為基礎的頁面結構
根據產品網站的說法，Proof 能依據從超過 400 個已發布頁面學習到的頁面模式，將簡述對應至頁面結構。
八種頁面類型
可從文件列出的頁面類型集合產生 landing、pricing、product、about、contact、blog、downloads 與 404 頁面。
四種風格與主題變體
可選擇 minimal、business、colorful 或 editorial 方向，每種風格都提供淺色或深色主題選項。
專家控制與區段層級產生
可設定或覆寫區段、品牌色彩、展示字型與區段順序；網站也說明了獨立產生單一區段的功能。
Claude Code 與 Codex 工作流程
透過市集／外掛途徑、skills CLI 或手動安裝儲存庫，在 Claude Code 或 Codex 中使用這項技能。
實際使用情境
快速探索初稿
提供一句話，讓 Proof 推斷頁面原型、結構與視覺方向，快速產生初版 landing page 草稿。
比較視覺方向
運用頁面類型與風格的組合，為同一份產品簡述探索差異明顯的方向，而不只是更換色彩或字體。
套用品牌與內容限制
當頁面必須遵循既有品牌或內容規劃時，提供品牌色彩、展示字型、區段順序，以及納入或省略規則。
一次設計一個區段
當不需要完整頁面時，要求產生 hero、features 區段、FAQ、integrations 區塊或 contact form 等聚焦輸出。
標準化代理程式輔助的頁面工作
將技能安裝到 Claude Code 或 Codex，並在文件列出的頁面類型中，將產生的代理程式工作流程用於重複性的頁面設計任務。
Pros and Cons
Pros
- 除了視覺樣式，也處理內容層級與頁面範圍。
- 提供八種文件所列的頁面類型，以及四種具差異性的視覺方向，並支援淺色和深色變體。
- 同時支援快速的一行簡述，以及對區段、品牌、字體與順序進行更細緻的控制。
- 提供多種安裝途徑，並被描述為免費且開源。
- 包含個別區段產生功能，可處理 hero、features、FAQ、integrations 與 contact form 等要求。
Cons
- 現有證據無法證實除 Claude Code 與 Codex 之外的整合或支援的代理程式。
- 提供的定價網址回傳找不到頁面，因此無法確認付費方案細節與定價金額。
- 此產品是代理程式技能，需要安裝到相應的 Claude Code 或 Codex 工作流程中，而不是作為獨立的頁面編輯器運作。
FAQ
如何安裝 Proof？
Proof 會以 Claude Code 或 Codex 的技能形式安裝。網站說明了 Claude Code 市集安裝方式、skills CLI 安裝途徑，以及將儲存庫手動複製到 Claude 和 Codex 技能資料夾的方法。
安裝 Proof 後如何使用？
安裝後，提供頁面類型、視覺風格與主題即可。文件中的範例包括 Claude Code 的 `/proof:proof landing business dark` 指令，以及 Codex 的 `Use the proof skill: landing page, business style, dark` 指令。
Proof 可以設計哪些類型的頁面？
Proof 支援八種頁面類型：landing、pricing、product、about、contact、blog、downloads 與 404。此外也支援四種視覺風格——minimal、business、colorful 與 editorial——並提供淺色和深色主題。
使用者可以對產生的頁面控制到什麼程度？
網站同時說明了單句描述工作流程與更明確的控制選項。使用者可以提供簡述，或指定區段、品牌色彩、字型與區段順序；工具也能產生 hero、features、FAQ、integrations 和 contact form 等個別區段類型。
Proof 的費用是多少？
Proof 被定位為免費且開源，原始碼、文件與測試集均可在 GitHub 上取得。提供的定價網址並非有效的定價頁面，因此現有資料無法確認任何付費方案或定價金額。
Quick Facts
- 類別
- 開發者工具；設計工具
- 產品類型
- 開源產品設計技能
- 支援的代理程式
- Claude Code 與 Codex
- 頁面類型
- 8 種：landing、pricing、product、about、contact、blog、downloads 與 404
- 視覺系統
- 4 種風格：minimal、business、colorful 與 editorial；淺色和深色主題
- 來源
- proofdesign.dev；原始碼與文件透過 GitHub 連結