dilson-developer/DAVINCI-skill

DAVINCI — 著陸頁設計技能

執行流程

1. 讀取使用者的原始請求

擷取：產品做什麼、目標使用者是誰，以及（若提及）頁面類型。

2. 分類頁面類型 — 必做且互動的步驟

檢查使用者是否已清楚指出下列其中一種類型：

• SaaS B2B — 銷售給企業的管理/資料/基礎架構產品
• SaaS Consumer — 個人使用的產品（個人生產力、健康、社交、創意）
• AI Tool / Dev Tool — 技術工具、API 或給開發者/技術團隊使用的 AI 產品
• Fintech — 金融產品（支付、銀行、投資）

若請求中未明確指出類型，則停止並在使用者繼續前提問。 絕不默默假設。提問範例：

「這是哪一種產品類型？(a) SaaS B2B — 銷售給企業 (b) SaaS Consumer — 個人使用 (c) AI/Dev Tool — 技術工具 (d) Fintech — 金融產品」

僅在獲得回覆後才繼續。若使用者給出足夠脈絡可自信推斷（例如：「供數千用戶使用的個人財務管理應用程式」→ SaaS Consumer，但風格接近 Fintech），則可假設並明確說出假設，同時讓使用者有更正機會 — 絕不默默假設而不提及。

3. 載入該頁面類型的範本

讀取 templates/page-types/ 下對應的檔案：

• saas-b2b.md
• saas-consumer.md
• ai-tool.md
• fintech.md

此檔案定義了區塊順序及該類型的專屬規則（語氣、色彩、字型）。

4. 組裝區塊

針對範本中列出的每個區塊，讀取 templates/sections/ 下對應的檔案（hero.md、features.md、pricing.md、testimonials.md、faq.md、cta.md），並以產品資訊填入佔位符。

5. 套用通用規則

依據每個區塊範本中的參考（例如 [rules/copywriting.md #1] 標明每個點要套用的確切規則），查閱 rules/typography.md、rules/color-systems.md、rules/layout-grids.md 和 rules/copywriting.md。

6. 產生輸出

產生一個結構化的提示，使用使用者的語言，可直接貼到任何程式碼代理（Claude Code、Cursor、v0 等）中以產生實際頁面。

內容安全規則

• 絕不虛構指標、見證或客戶標誌 — 若無真實資料，請使用 templates/sections/testimonials.md 中描述的替代方案。
• 即使使用者趕時間，也絕不跳過步驟 2（分類） — 這是影響後續所有決策的關鍵步驟。

此技能的檔案

SKILL.md                        ← 此檔案
rules/                          ← 設計原則（字型、色彩、版面、文案）
templates/sections/             ← 可複用區塊（hero, features, pricing...）
templates/page-types/            ← 按產品類型組合的完整範本
references/design-patterns.md   ← 從真實參考資料中提取的模式