等候清單頁面技能
上市前頁面是你與未來使用者的第一次握手。這個技能建立一個專注且誠實的入口:你的品牌識別、你正在打造的東西,以及一條加入早期清單的明確路徑。沒有人為的稀缺感、沒有虛假的倒數計時器、沒有任何膨脹操作——只是一個乾淨、以行動裝置為優先的容器,用來承載真實的興趣。
工作流程
預備階段:載入強化範本與品牌基礎
- 載入品牌識別 — 讀取
DESIGN.md以取得色彩系統、字體搭配與空間規則。這是你的基礎。等候清單頁面若與所代表的品牌不一致,就注定失敗。如果DESIGN.md不存在,請在使用者提供之前暫停處理。 - 讀取並複製可重複使用的範本 — 讀取
assets/template.html。此範本是所有輸出的強化種子。將它複製為index.html作為你的基礎。不要從頭開始撰寫 HTML,也不要偏離此結構。範本已經包含了所有必要的佈局、表單結構、裝飾、焦點樣式與無障礙基礎建設。
步驟:帶驗證與跳脫的記號取代
- 從輸入對應記號 — 對於範本中的每個佔位符(例如
{{PRODUCT_NAME}}、{{BG_EXPRESSION}}、{{BORDER_EXPRESSION}}、{{LOGO_MARK}}),請遵循以下取代規則:- 文字記號(
{{PRODUCT_NAME}}、{{TAGLINE}}):在插入 HTML 文字節點或屬性值之前,對<、>、&、`
- 文字記號(