ウェイティングリストページスキル
ローンチ前のページは、将来のユーザーとの最初のコンタクトです。このスキルは、フォーカスされた誠実なエントランス、つまりブランドアイデンティティ、何を作っているのか、アーリーリストに参加するための明確なパスを構築します。人工的な希少性、偽のカウントダウン、誇張された戦術は一切使わず、本物の関心を集めるための、クリーンでモバイルファーストな器を作ります。
ワークフロー
事前準備：堅牢化されたテンプレートとブランド基盤の読み込み
- ブランドアイデンティティを読み込む —
DESIGN.mdを読み込み、カラーシステム、フォントペア、空間ルールを取得します。これが基礎です。ウェイティングリストページの成否は、それが代表するブランドとの一貫性にかかっています。DESIGN.mdがない場合は、続行する前にユーザーに提供を依頼してください。 - 再利用可能なテンプレートを読み込み、コピーする —
assets/template.htmlを読み込みます。このテンプレートがすべての出力の堅牢なシードです。これをindex.htmlにコピーしてベースとします。HTMLをゼロから書いたり、この構造から逸脱したりしないでください。テンプレートには、必要なレイアウト、フォーム構造、装飾、フォーカススタイル、アクセシビリティのための足場がすべて組み込まれています。
手順：検証とエスケープを伴うトークン置換
- 入力からトークンをマッピングする — テンプレート内の各プレースホルダー（例：
{{PRODUCT_NAME}}、{{BG_EXPRESSION}}、{{BORDER_EXPRESSION}}、{{LOGO_MARK}}）に対して、以下の置換ルールに従います。- テキストトークン（
{{PRODUCT_NAME}}、{{TAGLINE}}）：HTMLテキストノードまたは属性値に挿入する前に、<、>、&、`
- テキストトークン（