Landing Page Studio

Overview

產出可使用的 Landing Page，兼顧轉換訊息、視覺辨識度、動畫與效能。支援單檔 HTML、React 專案及既有頁面修改；視覺方法沿用 design-studio。

Input Contract

先從對話、原稿與專案確認品牌／主題、價值主張、主要行動及目的地。預設三個價值主張、至少兩類真實信任證據；可用內容不足時補查或詢問，不能為湊數捏造。

既有專案沿用技術、樣式與輸出方式。新頁面未指定輸出時，依使用需求選擇，單純靜態交付可用單檔 HTML；只有會改變需求或相容性的未決事項才詢問。輸入欄位、模式與預設見 01 輸入與模式，整理輸入或使用驗證腳本時讀。

Workflow

1. 接續設計方向

讀 design-studio 的 shared/anti-slop.md、shared/hard-rules.md、shared/guardrails.md，遵守其適用規則。沿用既有 DESIGN.md 與設計資訊；新設計依 design-studio 的公約建立並維護，局部修改依其流程判斷需要更新的範圍。

沿用品牌與已確認的方向。方向未定時，依 design-studio 的 practical/references/design-styles.md 提出三個方向，完成既有風格選型與確認流程；選中風格後讀對應深度風格包與色彩推導協議。本 skill 不另維護風格庫。