全てのバイブ・コーディングされたウェブサイトは同じページで、違うのは文言だけだ。だから私はそれを作った

• このサイトは、AI が生成したウェブサイトの画一的な形を風刺するパロディプロジェクトで、「Claude がすべて作って、人間がクレジットだけを持ち帰る」という冗談から始まる
• {{COMPANY_NAME}}、{{CEO_NAME}} などのテンプレート変数と「革新・AI・顧客中心」という文言をそのままコピー＆ペーストし、典型的なスタートアップ向けランディングページのクリシェを風刺している
• Tailwind CSS、Unsplash のストック画像、**「革新的 AI ソリューション」**という文言、偽のレビューとメトリクスまでを、AI 生成サイトのありふれた構成要素として列挙している
• 「コードを理解しなくてもコピー＆ペーストでサイトを作れる」という風潮を、「Works on my machine」式の虚勢文化と組み合わせて風刺的ユーモアとして表現している
• AI 時代の開発者のアイロニーとして、高速な生産性と浅い理解が生んだ画一的なクリエイションを、辛辣かつ愉快に批判するプロジェクトである

---

サイト概要

• “Every AI-Coded Website Ever”というタイトルのように、AI が作成したウェブサイトはどれも似た形をしているという風刺をテーマにしている
  • メイン画面には「💎 $0 REVENUE • ∞ TECHNICAL DEBT • 🔥 ZERO TESTS」という文言が掲示されている
  • 「YC W25 REJECT」という文言で、スタートアップ文化への自己風刺を加えている

典型的なスタートアップ物語のパロディ

• 「{{COMPANY_NAME}} は顧客を愛し、AI 革新で世界を変える」という文で始まる、自動生成されたスタートアップ紹介文を提示している
  • 「Move fast, break things」のような有名なスタートアップスローガンを引用
  • 実際には、すべての文章がAI デフォルトのテンプレート文をそのまま維持している

AI 開発文化の風刺

• 「Just open your browser and type ‘make me a website’ into Claude or ChatGPT」という文句で、AI 依存型開発の風潮を揶揄している
  • 「Copy-paste excellence」「Zero planning」「Works on my machine」など、章ごとに実際の開発者ミームを借用した風刺的記述を構成
  • 「Claude hallucinated it for you」という表現で、理解なく生成されたコードの虚構性を皮肉っている

Tailwind と UI ミーム

• 「Not enough Tailwind. 6/10。」というコメントを受け、尻尾が風になびく画像を挿入（実際は猫の画像）
  • 「これが Tailwind CSS だ」 という冗談で、デザイントレンドの表層性を批判している
  • 「rounded corners and shadows」だけを追加するだけで**“プロフェッショナルに見える錯覚”**を突き刺している

偽物のセキュリティ警告とコード構造

• 「偶然にもあなたのパスワード hunter2 を流出させました」という有名なミームを活用している
  • OAuth や認証を理解していない AI 開発を風刺
• プロジェクト構成は「index-revised-2.html」「DEBUGGING-RESULTS.md」「CLAUDE.md」など、実際に混乱を招くディレクトリ構造を模した

偽物のレビューと成果指標

• 「NaN 顧客満足度」「∞ バグ」「$0 売上」など、AI が作成した空虚な統計をユーモアとして提示
  • レビューも「これは何かわからないがグラデーションボタンがかっこいい」など実体のない賛辞で満ちている
  • すべてのレビューは「GPT-3.5 が作成した」で締められ、AI 間の自己参照的な風刺構造を完成させている

メタ注釈：自己風刺

• 最後のセクションでは「このウェブサイトは Claude で 5 分で作った。コードを読んでいないが、きちんと動く」と明示
  • AI 時代の『表面的な生産性』の幻想を真正面から暴露している
  • 「でも私は履歴書に Full Stack Developer と書く」との文で、現代の開発者のアイデンティティの混乱をユーモアとしてまとめて終える

示唆

• AI ツールの拡大がもたらしたコード複製・画一化・表面的な完成度の問題を風刺している
• 人間の創造性と理解のないまま作られた成果物の空虚さと自己矛盾を鋭く指摘している
• 技術風刺とウェブミームの交差点で、**AI 時代の『創作の意味』**を問い直すデジタル風刺作品として評価に値する

[goodnvin]

けなすのは簡単だ。差別化されたものを持ってきて、それを証明してみろ。

[GN⁺]

Hacker Newsの意見

• Bootstrap全盛期を経験していない人はすぐに分かる。昔のものが再び新しくなって戻ってきている。LLMが作るWebサイトも、プロンプトに少しインスピレーションを入れてやるだけで、ずっと多様な結果が得られる
  • 創造性があればモチベーションが湧き、モチベーションがあれば欲しいものを正確に描写できる。欲しいものをコードで描写できるなら、それが最も効率的な方法だ。LLM活用における最高の本質的ハックは、欲しいものを欲しい言語で正確に書くこと。そうすれば即座に完璧な答えが返ってくる
• 「TailwindでBootstrap風のWebサイトを作って。でも実際にBootstrapっぽく見えるように」とプロンプトを与えた

• このWebサイトは cookies, localStorage, sessionStorage, IndexedDB, WebSQL, ブラウザーフィンガープリンティング, canvas fingerprinting, それにたぶん君のお母さんの旧姓まで使って、君のあらゆる行動を追跡します
  このデータは信頼された847のパートナーと共有され、広告主、データブローカー、ケイマン諸島のやや怪しいスタートアップ、そして1レコードあたり$0.003さえ払えば誰にでも販売されます
  "Accept All"を押すとデータ販売に同意したことになりますし、"Reject All"を押してもどうせ私たちはデータを売ります。"Customize"を押すと何か選べるふりはできますが、やはり私たちはデータを売ります
  誰かがクッキーバナーはどこだと聞いたので、ここにあります
  

  完璧
• 脆弱性が抜けているので完璧ではない感じがする。冗談だけど、人気のvibe codingプラットフォームのフロントページで実際のプロジェクトを見ると、ほとんどに深刻なセキュリティ欠陥が存在する。clickjackingのようなよくあるものではなく、もっと深刻なセキュリティ脆弱性だ
  • 追加した https://vibe-coded.lol/#security
• 私はpxehostのためにvibe codingでサイトを作った https://pxehost.com テキストの大部分は自分で書いたが、スタイルや構造などは完全にvibe codingだ。Codex CLIの$20+プランを使った。最初の試行結果が最終版とあまりに似ていて驚いたが、かなり多くの修正とテストを行った
  • 数時間かけて作ったものとしては本当にかなり良くできているし、pxehostの良いショーケースになっている
  • ソフトウェアがDHCPサーバーを動かす点を少し隠しすぎている気がする。これをローカルでそのまま動かすとネットワークに大きな混乱を起こしかねないので、警告文を追加するとよいかもしれない。デフォルトgatewayやDNSをどう決めるのかも気になる
  • こういうvibe codingこそ、Webサイトではないプロジェクト向けにきれいなスプラッシュページを素早く立ち上げる最高の例だ
• LLMが時間をさかのぼって、2013年式の同じようなWebサイトを全部作ってしまった感じだ
  • このコメントを見て思った。おそらくLLMの学習データには2013年の資料がとても多いのだろう。また一方で、自動運転車もだんだん実際の人間の運転より、他の自動運転車の学習データのほうが多くなっていくのではないかとも思った
  • 最近のshow hnや2025年のhn界隈のSaaSサイトも、どれもこれも同じように見えるし、人々はよく「デザインがきれいだ」と言うけれど、実際には何か特別なデザインがあるわけではなく、ただframer.comのテンプレートを使っているか、他のSaaSスターターダッシュボードとまったく同じなだけだ。私は均一性自体は嫌いではないが、今が2013年と違うとはとても言えない
  • 自分のポートフォリオを自分でデザインするのが面倒なWeb開発者が、誰もが使う同じテンプレートを使っているのを思い出す
  • 本当にそう。なぜサイト制作者がLLMだけを責めるのか理解できない。そもそもLLMもそういう凡庸なデータで訓練されている
• いわゆるvibe codedサイトは、2010年代のテック系スタートアップのWebサイトと完全に同じ見た目をしている。LLMがなぜこういう見た目ばかり作るのか分かる気がする
• hunter2ジョークのせいでbash.orgが恋しくなった
• なぜ静的なパンフレット的Webサイトを作るのにコーディング能力が必要であるべきなのか疑問だ
  • 同意する。だが人工知能も必須ではないと思う。昔はWeeblyでテキストを入力して写真を選ぶだけで、すぐに完成できた
• LLMは特定のスタイルをデフォルトにしているようだ。私はルートパスに応じて別々のサイトを組み立てる「improvisational web server」を作ってみたが、何百個生成してみてもどれも似たり寄ったりに見える。おそらく当然の結果なのかもしれない。今後デザイナーたちがより差別化しようと意識するのか気になる https://github.com/jasonthorsness/ginprov https://ginprov.com
  • これを使ってみたが、本当に一つのスタイルが濃く出ている。先に言っておくと、これは本当にクールで面白い作品だ！ システムプロンプトや学習データがたぶんマーケティングサイト寄りだからか、設定ページやキャンバスゲームのようなものは作れなくても、「キャンバスゲームの作り方」を教えるサイトはうまく作れる。パス(path)情報からどうやってプロンプトを作っているのか気になる（まだコードは見ていない）
• LLM自動補完Webサイトに対する本当に正しい風刺にするなら、リンクが変に壊れているものもいくつも必要だ
  • About us: 私たちはスタートアップを情熱的に愛し、顧客を大切にするごく普通のチームです、のような曖昧な文句しかない。だが会社名、人名、連絡先情報はない
  • ものすごく共感する https://vibe-coded.lol/#broken-links