saikirantechy/open-design-ai

候补名单页面技能

预发布页面是你与未来用户的第一次握手。此技能构建一个专注、诚实的入口：你的品牌标识、你正在建设的内容，以及一条明确的加入早期列表的路径。没有人为制造的稀缺性、虚假倒计时或膨胀策略——只有一个干净、优先适配移动设备、用于承载真实兴趣的容器。

工作流程

前置准备：加载加固的模板和品牌基础

0. 加载品牌标识 — 读取 DESIGN.md 获取色彩系统、字体组合和空间规则。这是基础。候补名单页面的成败取决于其与所代表品牌的连贯性。如果 DESIGN.md 缺失，请要求用户先提供一个再继续。
1. 读取并复制可重用模板 — 读取 assets/template.html。此模板是所有输出的加固种子。将其复制到 index.html 作为基础。不要从头编写 HTML 或偏离此结构。模板包含所有必需的布局、表单结构、装饰、焦点样式和无障碍脚手架。

步骤：带验证和转义的令牌替换

2. 根据输入映射令牌 — 对于模板中的每个占位符（例如 {{PRODUCT_NAME}}、{{BG_EXPRESSION}}、{{BORDER_EXPRESSION}}、{{LOGO_MARK}}），遵循以下替换规则：
   • 文本令牌 ({{PRODUCT_NAME}}, {{TAGLINE}})：在插入到 HTML 文本节点或属性值之前，对 <、>、&、`