← 元のsampleへ戻る External reference + Playwright QA

主要12スタイル比較(外部参照ベース)

各ページに参考リンク・非公式注記・スタイル別プロンプトを付与。QAスコアはPlaywright比較の結果を表示。

注記: 参考リンクは学習用途。最終デザインは独自実装であり、直接複製を目的にしていません。

QAレポート

詳細な比較結果(JSON/Markdown)を確認できます。

Bento UI

サイズ違いのカードで主従を明確にする

QA: OK / D-rank: 1 / D-margin: 0.123278

Card Grid

均一カードで比較しやすい構造

QA: NG / D-rank: 9 / D-margin: -0.078028

Split-screen

左説明+右ビジュアルで訴求

QA: NG / D-rank: 3 / D-margin: 0.031728

Glassmorphism

半透明パネルと背景グラデ

QA: NG / D-rank: 10 / D-margin: -0.007709