この話題がHacker Newsで伸びたのは、ぼんやりした違和感を測れる形にしたからだ。最近のShow HNのランディングページはどれも似た空気をまとっている。そう笑う人は多かったが、今回の投稿はその感覚を実際にスコア化した。

元記事 Show HN submissions tripled and now mostly share the same vibe-coded look は、最近のShow HN 500ページを対象に15種類の反復パターンを調べた。Inter中心のヒーロー、紫のアクセント、常時ダーク寄りの画面、見出しの上のbadge、アイコン付きfeature card、強いgradient、glassmorphism、shadcn/uiの痕跡など、見れば分かるものが並ぶ。面白いのは、スクリーンショットを見て人が判定したのではなく、PlaywrightでDOMとCSSを機械的にチェックした点だ。著者は手動QAも行い、誤検出は5〜10%程度と見ている。

結果もはっきりしていた。5個以上のパターンが出た heavy slop が105件、2〜4個の mild が230件、0〜1個の clean が165件だ。さらに記事は、Show HN投稿数の増加や、新規アカウント向けのShow HN制限にも触れている。つまりこれは単なるデザイン批評ではない。制作速度が上がることで、人が同じ既定値へ吸い寄せられていく現象の話でもある。

コメント欄は単純な反AIにはならなかった。Simon Willisonは、時間制約の強いサイドプロジェクトこそAI支援を最初に使う場だと指摘した。別のコメントでは、問題はAI利用そのものではなく、似た見た目が浅いプロダクト思考のサインに見えることだと言う。整ったカードはあるのに、実際の使い方をどこまで考えたのかが見えにくいというわけだ。一方で、昔もBootstrap臭の強い時代があったのだから、今はその最新版にすぎないという反論もあった。

この投稿が刺さった理由はそこにある。AIデザインを全面否定したのではなく、誰でも速く出せる時代ほど、好みと具体性が差になると示したからだ。似たページが増えるほど、目に残るのはスピードそのものではなく、既定値から一歩外へ出た設計になる。

#web-design

Show HNはなぜ似た見た目になったのか、HNが掘った“AIデザイン癖”