無料プロンプトジェネレーターすべての無料ツール

Webサイトプロンプト​ジェネレーター。

簡単な質問にいくつか答えるだけで、技術的な知識は不要です。AIがあなたのWebサイトを読み取り、Lovable、v0、bolt.new、Claude CodeなどのAIビルダー向けに、本番レベルの完全なプロンプトを書きます。

ステップ1/6

プロジェクトについて教えてください

普段の言葉で大丈夫です。AIはこの内容をもとにサイト全体を作ります。会社の情報は、仮の文言ではなく、そのままフッター、お問い合わせページ、法務ページに入ります。

どんなWebサイトですか? *

あなたのプロンプト

プロンプトに​含まれるもの。

あいまいなプロンプトからは、どれも同じに見えるWebサイトができます。あなたのプロンプトはWebサイトを詳しく記述するので、AIツールは本当に欲しいものを作ります。

  • ブランド

    あなたらしい見た目を言葉に

    カラー、フォント、全体のスタイルが正確に記述されるので、AIツールが推測する必要はありません。仕上がりはテンプレートではなく、あなたのブランドらしいものになります。

  • 構成要素

    写真、アイコン、構成要素

    ビジネスに合う写真の種類、使うアイコン、そしてメニュー、ボタン、お問い合わせフォームがスマートフォンとパソコンでどう見え、どう動くべきか。

  • コンテンツ

    すべてのページを、実際のテキストで

    ホーム、会社概要、サービス、ブログ、お問い合わせ。必要なすべてのページに、あなたのビジネスについての実際のテキストが入ります。料金や営業時間など、あなたしか知らない情報は、記入すべき箇所としてはっきり示されます。

AIビルダー

主要な​AIウェブサイトビルダーに​すべて対応。

ビルダーにはそれぞれ癖があります。プロンプトにはそれを回避する一文が入っているので、頼んでもいないバックエンドではなく、クリーンなフロントエンドが手に入ります。

  • Lovable

    LovableのReact + Vite構成はそのままに、Tailwindとshadcn/uiではなく素のCSSでスタイルを付け、Supabase、認証、Edge Functionsを使わないよう指示します。

  • v0

    Next.jsのApp Routerプロジェクトを、Tailwindとshadcn/uiではなく素のCSSで、静的エクスポートとして構築します。サーバーアクション、APIルート、Vercelのサービスは使いません。

  • bolt.new

    TypeScriptを使ったNext.jsプロジェクトを静的エクスポートとして用意します。フロントエンドのみで、APIルートやデータベースは使いません。

  • Claude Code

    Next.jsの静的エクスポートを用意し、コンポーネントを1つずつ作って、各ステップの後も開発サーバーがエラーなく動き続けるようにします。

  • Replit

    Next.jsのテンプレートを静的エクスポートとして使い、Expressサーバー、データベース、Replit Authは使いません。

  • その他のビルダー

    Rocket、builder.io、Figma Make、base44など、テキストのプロンプトを受け付けるあらゆるビルダー。

お客様の声。

アーティストのアトリエで机に向かう男性お客様
“We’d seen plenty of tools promise magic for page and theme creation, but they always under-delivered. Transjt proved to be the exception.”
KevinThinkFuel
  • 95–99%完成コードの割合(構成の整ったファイルの場合)
  • ∞取り込めるAIビルダー(Figmaにも対応)
  • 2ネイティブ対応のCMS:HubSpotとWordPress
  • 1クリックでエクスポート。数分後にはテーマがアカウントに届きます
FAQ

Webサイトプロンプト​ジェネレーターの​FAQ。

試す前によく寄せられる質問への回答です。

デモを予約
  • はい。6つの短いステップに答えて、勤務先のメールアドレスを確認すると、完全なプロンプトがメールで届きます。アカウントもクレジットカードも不要です。

  • Lovable、v0、bolt.new、Claude Code、Replit、Rocket、builder.io、Figma Make、base44のほか、テキストのプロンプトを受け付けるあらゆるビルダーに対応しています。プロンプトには、選んだビルダー向けの指示が入ります。たとえば、LovableではSupabaseを使わない、v0ではNext.jsプロジェクトを静的エクスポートとして構築する、といった指示です。

  • 形容詞ではなく、正確な値を使うことです。HEXコード付きで名前を付けたカラー、文字サイズの体系、余白のルール、必要なコンポーネント、すべてのページの内容。ビルダーが推測しなければならない部分が多いほど、結果はありきたりになります。考え方の全体はAIビルダーで本当に公開できるWebサイトを作るプロンプトの書き方で解説しています。

  • いいえ。お持ちの場合は、AIがナビゲーション、文章、カラー、フォント、ロゴを読み取り、役立つ部分を引き継ぎます。お持ちでない場合は、選んだスタイルに合うカラーとフォントを提案し、後で差し替えられる仮のロゴを入れます。

  • はい。transjtが、AIビルダーで作ったサイトを、すべてのセクションが編集できるブロックやモジュールになったネイティブテーマに変換します。AIからHubSpotへとAIからWordPressへをご覧ください。

今日​デザインして、​明日​公開。

transjtでは一秒一秒が大切です。だから私たちの使命はシンプル。あなたの時間を節約し、ワークフローの手間をなくすことです。