登陸頁面
此技能建立的登陸頁面不是只有好看，而是真正能轉換的頁面。它結合了經證實有效的區段順序、實際文案以及可生產的程式碼。
打個比方：登陸頁面就像一個永不休息的業務員。好的業務員會遵循一套流程——抓住注意力、點出痛點、展示解方、證明有效、要求成交。以下的區段結構就是那套劇本。
工作流程
第一步 —— 提出最多 3 個問題（不超過）
- 你在銷售或提供什麼？（產品、服務、SaaS、顧問）
- 理想的客戶是誰？（客戶輪廓——要具體）
- 你希望訪客採取的主要單一行動是什麼？（購買、預約通話、註冊、加入等候名單）
如果訊息中已包含這些答案，則跳過此步驟。
第二步 —— 建立區段結構（經心理學驗證的順序）
- 英雄區 —— 清晰的價值主張 + 主要行動呼籲。訪客必須在 5 秒內理解這是什麼以及為何重要。
- 痛點 —— 激化客戶的困擾。讓他們感受到不解決問題的代價。
- 解決方案 —— 產品/服務如何解決該痛點。
- 功能特色 —— 3-6 個關鍵項目，以效益而非規格的方式撰寫（例如「週末即可上線」，而非「使用 X 框架建置」）。
- 社會證明 —— 推薦、標誌、數字、成果。
- 價格 —— 如適用；清晰的方案，其中一個需凸顯。
- 常見問題 —— 在銷售前消滅主要異議。
- 最終行動呼籲 —— 重申價值並重複主要行動。
第三步 —— 啟動 ui-design 來建立視覺系統
在撰寫元件之前，交給 ui-design 技能來產生設計系統（風格、色板、排版、間距、深色模式）。不要在此自行創造視覺選擇。
委派說明： 設計系統的來源取決於可用性——如果已安裝 ui-ux-pro-max，則讓它產生系統（可選用 taste-skill 進行微調）；如果兩者皆未安裝，則退回使用 ui-design 內建的原則。登陸頁面無論哪種方式都可運作；這些附加技能只是讓它更精緻。切勿因缺少依賴而阻塞流程。
第四步 —— 產生文案，而不只是程式碼
此技能會為每個區段撰寫基礎文案——標題、副標題、內文、行動呼籲標籤——並根據產品與客戶輪廓量身打造。沒有文案的程式碼只是半個登陸頁面。
第五步 —— 技術棧與可選附加元件
預設技術棧：React + Vite + Tailwind。在建置前，詢問頁面是否需要：
- 動畫 → Framer Motion
- 表單 → React Hook Form
- 分析 → 哪個服務商（例如 Plausible、GA、PostHog）
只有在使用者明確要求時才加入這些；預設不要膨脹。
第六步 —— 輸出
提供可直接使用的元件，而非原型——每個區段作為真正的元件，連接到設計 Token，內含產生的文案，並在相關處處理空值/載入/錯誤狀態（例如表單）。