運営者情報

このサイトについて

AI にデザインを作らせるとき、うまくいかない原因の多くは「何を作りたいか」を言葉にできていないことにあります。ヒーローセクションを作ってほしい、とだけ伝えても、返ってくるものは毎回違う。Vibehaus は、その言葉の部分をあらかじめ用意しておくために作りました。

収録しているのは、画面の型（カテゴリ 18 種）と、様式（スタイル 33 種）の2軸で整理した 60 件のデザイン例です。各エントリには、実際に表示できるプレビューと、Claude Code・v0・Cursor などにそのまま貼れる日本語のプロンプトが付いています。別に、実装の技術そのものを扱う記事も 16 本あります。

収録の基準

• 1つの画面の型につき、方向性の違うものを複数入れます。同じ見た目の色違いは収録しません。
• プレビューは1ファイルで完結する HTML として作り、外部のライブラリに依存させません。手元に保存すればそのまま動きます。
• 向いている場面だけでなく、向いていない場面も書きます。どの様式にも合わない相手がいます。

サイトの作り

静的サイトとして生成しており、ログイン機能も投稿機能もありません。公開前に本文の分量・更新日・和文組版・図版・CSSの読み込みを機械的に検査し、基準を外れたものはビルドを通らないようにしています。掲載後に気づいた誤りは、記事の更新日を改めたうえで直します。

運営者

運営者

JIT株式会社

お問い合わせ

お問い合わせフォーム

サービス内容

Web デザイン例および AI プロンプトの無料公開。物販・有料サービス・会員登録はありません。

収益について

運営費用にあてるため、広告（Google AdSense）を掲載しています。詳細はプライバシーポリシーをご覧ください。

掲載物のライセンス

掲載しているデザイン例・AI プロンプトは CC0 1.0（パブリックドメイン） で提供します。商用利用可・クレジット表記不要・改変自由です。ライセンスの範囲と例外は利用規約の第4条に定めます。

編集方針

• 掲載するデザインとプロンプトは、実際に生成・表示を確認したうえで公開します。
• プロンプトは、そのままコピーして使える形で載せます。断片や擬似コードは載せません。
• 結果は利用される AI モデル・バージョンによって変わります。再現を保証するものではありません。

関連ページ

• プライバシーポリシー
• 利用規約