RECORD No.089 つくる 2026-09-08 確認

Vibehaus

バイブハウス

Webデザインの参考例60件に、AIへそのまま渡せる日本語プロンプトを付けたカタログ。分類18・様式33の二軸で探せて、全部CC0（著作権フリー）。

無料
登録なし
AI関連
Web

01 申告の60・18・33がページ数と一致し、分類と様式のページ51本すべてが設計側の札と合った
02 60本すべてにプロンプト・動くプレビュー・CC0の記載があった
03 ⚠️ 1ページだけ、強調の印（アスタリスク2つ）が本文に出たままになっている

トップページ。「Webデザインの参考例と、AIに伝わるプロンプト集」の見出しの下に、 DESIGNS 060・CATEGORIES 18・STYLES 33・料金 ¥0 の4つの数字が並んでいる。 — Fig.01 🔴 **この3つの数を当てた。** ⭐ 設計60・分類18・様式33は、 sitemap のページ数とぴたり一致した。

設計・分類・様式: 3 / 3; ⭐ 60・18・33が一致
一覧と札の突き合わせ: 51 / 51; ⭐ 過不足なし
プロンプトとCC0: 60 / 60; ⭐ 全部にある
強調の印の漏れ: 1ページ; ⚠️ 本文に出ている

何ができるか

Webデザインの参考例と、AIにそのまま渡せる日本語プロンプトを並べたカタログです。ページは133本あります（設計60・様式33・分類18・技術17・その他5）。

トップに3つの数が出ています。

Designs 060 ／ Categories 18 ／ Styles 33 ／料金 ¥0

⭐ 3つとも、sitemap のページ数と一致しました。

🔴 数が合っているだけでは足りないので、札の付き方まで当てました。

設計ごとに「分類」（ヒーロー・価格表・フッターなど）と「様式」（ミニマル・サイバー・侘び寂びなど）の札が付いています。★ 60本ぶんの札を全部集めてから、分類18・様式33のページが並べている設計と突き合わせました。

⭐ 51本のページすべてで、札の側と一覧の側が過不足なく一致しました。 ★ 使われていない分類も様式もありません。

⭐ 中身のほうも全部そろっています。 60本すべてに、AIへ渡すプロンプト・その場で動くプレビュー・CC0（著作権フリー）の記載がありました。

ブルータリズムのヒーローの設計ページ。公開日・更新日・分類・ライセンス（CC0 1.0）が並び、「完全無料・著作権フリー」の帯の下に、実際に動くプレビューが埋め込まれている。 — Fig.02 ⭐ **60本すべてにプロンプト・プレビュー・CC0の記載があった。** ★ プレビューは説明ではなく、その場で動く実物が入っている。

「侘び寂び」の様式ページ。DESIGNS 002 と表示され、その様式の説明が続く。 — Fig.03 🔴 **様式・分類のページ51本を1本ずつ当てた。** ⭐ どのページも、その札を持つ設計だけを**過不足なく**並べていた。

実際に当てた

照らしたもの	結果	中身
ページ	133 / 133	すべて200・noindex 0
設計	60	⭐ 「Designs 060」の申告どおり
分類	18	⭐ 「Categories 18」の申告どおり
様式	33	⭐ 「Styles 33」の申告どおり
一覧と札	51 / 51	🔴 双方向で一致（不一致0）
使われていない札	0	⭐ 18も33も全部が実際に使われている
1設計あたりの分類	60 / 60	ちょうど1つ
1設計あたりの様式	4〜6	5つが32本・4つが27本・6つが1本
プロンプト	60 / 60	⭐ 全部にある
動くプレビュー	60 / 60	⭐ 実物が埋まっている
CC0の記載	60 / 60	⭐ ライセンスが明示されている
強調の印の漏れ	1 / 133	⚠️ `/design/bento-features/`
プロンプトの効き目	未確認	⚠️ AIに渡していない

🔴 2026-09-08。sitemap の133ページを全部開き、設計60本の札（分類・様式）を集めて、分類18・様式33のページが並べている設計と双方向で突き合わせた。⚠️ プロンプトを実際にAIへ渡した結果までは試していない。

分類18のうち、設計が多い順（上位7）

ヒーロー 7件
CTA 7件
ポートフォリオ 6件
価格表 5件
機能紹介 4件
ダッシュボード 4件
ブログ 3件

⭐ 18分類の合計はちょうど60（1設計につき分類は1つ）。★ ヒーローとCTAが最多の7件で、少ない分類でも2件はある。🔴 設計が0件の分類は無かった。

向いている人・向いていない人

向いている人

AIにデザインを頼むときの「言い方」を探している人。 ⭐ 申告の数がそのまま正しいです。 設計60・分類18・様式33が、実際のページ数と一致しました。🔴 分類・様式のページ51本すべてが、札の付いた設計だけを過不足なく並べています。 こういう索引は、作りっぱなしだと必ずどこかがずれます。ここはずれていません。★ 見本が動きます。 60本すべてに、説明ではなく実際に動くプレビューが埋まっています。⭐ 権利がはっきりしています。 60本すべてにCC0（クレジット不要・商用可・改変可）の記載があり、ライセンスの行が各ページの見出し直下にあります。🅿️ 技術別（Tailwind CSS・CSSのみ・jQueryと素のJS）の入口も17ページあります。

向いていない人

⚠️ プロンプトが実際に効くかどうかは、こちらで試していません。 当てたのは数と索引と体裁までで、★ AIに渡して同じ見た目が出るかは確かめていません。 ⚠️ 1ページだけ、強調の印が本文に出ています。 /design/bento-features/ のよくある質問の答えに、アスタリスク2つがそのまま残っています。★ 他の3ページにも同じ印が出ますが、そちらはAIへ渡すプロンプトの中なので、⭐ わざとです（プロンプトはMarkdownのまま渡す前提）。⚠️ 60件は多くありません。 分類によっては2件しかなく（フッター・認証・チャットなど）、★ 「この分類の中から選ぶ」という使い方には足りないことがあります。⚠️ 出典の記載はほとんどありません（133ページ中13ページ）。ただし、これは自分で作った見本を並べるサイトなので、★ 外から引いてきた素材ではないという読み方もできます。

触ってみて気づいたこと

⭐ 索引のあるサイトは、双方向で当てられます。

このサイトは、設計ごとに「分類」と「様式」の札を付けています。そして、その札ごとにページがあります（分類18・様式33）。

🔴 片方向だけでは足りません。

★ まず設計60本を開いて、付いている札を全部集めました。次に、分類・様式のページ51本を開いて、そこに並んでいる設計を集めました。そして両方を突き合わせました。

⭐ 51本すべてで一致しました。「札は付いているのに一覧に出てこない」も、「一覧に出るのに札が無い」も、0件です。

★ ついでに分かったこと。

1設計あたりの分類はちょうど1つ（60本とも） 1設計あたりの様式は4〜6（5つが32本・4つが27本・6つが1本） 18分類の合計はちょうど60

⭐ 使われていない札は0でした。18も33も、全部が実際に使われています。

⚠️ 見つかった傷は1つだけです。/design/bento-features/ のよくある質問に、強調の印（アスタリスク2つ）が本文に出たまま残っていました。 ★ 同じ印が出るページは他に3つありますが、そちらはプロンプトの本文の中です。プロンプトはMarkdownのままAIに渡すものなので、🔴 こちらは直す必要がありません。

確認の記録

いつ、何を見て書いたかを残しています。確認していないことは書きません。

2026年9月8日
⚠️ プロンプトを実際にAIへ渡して同じ見た目が出るかは確かめていない。当てたのは数・索引・体裁までで、プロンプトの効き目の証明にはならない。
2026年9月8日
⚠️ 強調の印（アスタリスク2つ）が画面に出ているのは4ページ・計10個。★ そのうち /design/bento-features/ の2つ（よくある質問の答え）だけが本文の漏れで、残る3ページ（brutalist-hero・wabi-sabi-testimonial・tech/form-validation）は⭐ AIへ渡すプロンプトの中なので、意図どおりだった。
2026年9月8日
⭐ 設計60本すべてに、AIへ渡すプロンプト・動くプレビュー・CC0の記載があった。 1設計あたり分類は1つ、様式は4〜6（5つが32本・4つが27本・6つが1本）。
2026年9月8日
🔴 設計60本の札（分類・様式）を集め、分類18・様式33のページが並べている設計と双方向で突き合わせた。⭐ 51本すべて一致（不一致0）。使われていない分類・様式も0だった。
2026年9月8日
⭐ トップの申告「Designs 060 / Categories 18 / Styles 33」は、それぞれのページ数と3つとも一致した。
2026年9月8日
sitemap（/sitemap-index.xml）の133ページを全部開いた。すべて200・noindexは0だった。内訳は設計60・様式33・分類18・技術17・その他5。★ /sitemap.xml は404で、robots.txt が指しているのは /sitemap-index.xml のほう。