スキル自身の言葉で
このスキルは、セクションごとに1枚の横長画像として、プレミアムなウェブサイトデザインの参照資料を生成します。多用されがちな左テキスト・右画像パターンを超えた構成の多様性を強制し、フルブリードの背景を自信を持って使用し、ヒーローのスケール（巨大・中・ミニ）を変化させ、すべてのセクションで一貫した単一のパレットを維持します。開発者やコーディングモデルが再現できる、ランディングページ、マーケティングサイト、プロダクトコンプを対象としています。
設定可能なベースラインダイヤルを使用します：DESIGN_VARIANCE 8、VISUAL_DENSITY 4、ART_DIRECTION 8、IMPLEMENTATION_CLARITY 9、IMAGE_USAGE_PRIORITY 9、SPACING_GENEROSITY 8。このスキルは、テーマパラダイム、タイポグラフィの性格、ヒーローアーキテクチャ、セクションシステム、ナラティブコンセプトの軸をそれぞれ1つ選ぶという組み合わせのバリエーションによってAIのデフォルトを打ち破りながら、コンバージョンの規律とセクション間のゆとりある均等な間隔を維持します。
生成されるもの
- 1フレームにつき1つの焦点を絞ったセクションを高精細でレンダリングする横長画像（16:9、16:10、または21:9）
- セクションラベル付きの画像セット：全数が提供されるまで「Section X of N: <name>」の形式
- すべてのフレームで一貫したブランドの世界観：同じパレット、タイポグラフィファミリー、CTAのアイデンティティ、ボーダーラジウス、画像の処理、トーンの語り口
仕組み
- 01ブリーフを読み、ベースラインダイヤルを調整する
このスキルはユーザーのプロンプトを注意深く読み取り、その上でダイヤル（デザインバリエーション、視覚密度、アートディレクション、実装の明確さ、画像使用、スペーシング、レイアウトの多様性、コンバージョンの規律）、ヒーローのスケール、背景モード、グラデーションの使用、構成の多様性をブリーフに合わせて調整します。
- 02各組み合わせカテゴリーから1つのオプションを選択する
このスキルは、プロンプトに基づいて、1つのテーマパラダイム、1つの背景の性格、1つのタイポグラフィの性格、1つのヒーローアーキテクチャ、1つのセクションシステム、ちょうど4つの特徴的なコンポーネント、ちょうど2つのモーションを暗示する言語、そして1つのナラティブコンセプトの軸に絞り込みます。
- 03セクションごとに1つの横長画像を生成する
各セクションには、それぞれ独立した横長の16:9、16:10、または21:9の画像が割り当てられます。このスキルは複数のセクションを1つのフレームに結合したり、縦長の1枚だけを返すことはありません。
- 04構成のアンカーと背景モードを変化させる
セクションごとに、このスキルは異なる構成のアンカー（中央配置、画像上の左下、左上のリード、中央スタック、グリッド外のエディトリアルなど）と背景モード（単色、フルブリード画像、エディトリアルなサイド画像、デュオトーン、放射状ビネットなど）を選択し、ページが単調なAIレイアウトにならないようにします。
- 05出力前に21項目の明確性チェックを実行する
最終決定の前に、このスキルは階層構造、ヒーローのクリーンさ、視覚的な独自性、AIらしさの欠如、プレミアムな質感、コード化可能性、複数画像間の一貫性、画像の力強さ、余白、均等な間隔、意図的な創造性、正しい画像数を確認します。