shadcn-vite-iconify-landing-page

此技能提供了一套系統化的框架，用於構建、審核與優化營銷與產品著陸頁（Landing Pages）。它旨在幫助開發人員、行銷人員與產品經理將商業目標轉化為高轉化率、生產級的 React 代碼。透過遵循標準化的著陸頁解剖結構——涵蓋從首屏（Above-the-fold）說服序列到屏下（Below-the-fold）的疑慮消除——此技能協助用戶創建功能完善、具備無障礙設計且美觀獨特的網頁體驗。它強調一致性，利用 shadcn/ui 元件庫、Iconify 圖標向量資產，以及移動優先的 Tailwind CSS 策略，確保高性能與易於維護的代碼庫。

• 提供基於 React、Vite、TypeScript 與 Tailwind CSS (v4) 的完整著陸頁構建服務。

• 透過專家級的轉換率優化 (CRO) 審核，評估現有頁面的首屏影響力、行動呼籲 (CTA) 位置與心理說服邏輯。

• 實作明確的著陸頁結構，包含導航、首屏、社交證明、功能介紹、常見問題 (FAQ) 與頁尾。

• 提供生產級程式碼片段，透過語意化 HTML 與 shadcn/ui 元件優先考慮無障礙性。

• 透過 Iconify 標準化圖標使用，在無需引入大型圖標庫的情況下保持視覺一致性。

• 提供可執行的假設與結構改良建議，支持快速的 A/B 測試發想。

• 在推出新產品、進行針對性廣告活動或試圖提高現有註冊/銷售頁面性能時使用此技能。

• 輸入需求包括目標受眾、主要價值主張以及明確的轉換目標（如：郵件捕捉、演示註冊或等待名單）。

• 產出包含頁面策略、分區大綱、標題與 CTA 文案變體，以及可直接實作的 TypeScript/React 程式碼。

• 在嚴格的設計限制下操作：每頁僅限一種圖標系列、限制 CTA 的競爭性，並專注於具體的視覺資產而非裝飾性填充。

• 請注意，此技能已針對基於 Vite 的專案進行優化，並假定使用標準 shadcn/ui CLI 工作流程進行快速元件整合。