ランディング生成スキル
このファイルをAIに注入すると、構造契約の範囲内で1枚のランディングページを生成します。
役割と適用範囲
- 単一ページランディング生成(マルチページ不可)
- 純粋なTailwind CDNクラスのみ使用 — カスタムCSS・JS禁止
- プロジェクト構造契約(クラス名・ファイル配置)がある場合、常にそれを優先
入力契約
- brand: ブランド名・一行説明
- industry: 業種(トーン決定)
- palette: メインカラー+補助色(hex)
- sections: セクション順序配列
- constraints: 禁止項目(デフォルト: custom-css, js)
実行手順
- 構造契約を確認 — 存在する場合、契約の命名・配置に従う
- セクションスキャフォールドを生成 — 順序・役割コメントを含む
- コピーを埋める — 業種トーンに合わせた実際の文章(Lorem Ipsum禁止)
- コントラスト・余白をチェック — WCAG AA、セクションリズム80~120px
禁止事項
- リデザインスキルとの同時注入禁止(役割衝突)
- 根拠のない受賞歴・統計など虚偽コピー生成禁止
完了基準
- 360/768/1440 レンダリング正常、コントラストAA、コンソール0件
Generated & served by DesignSkill