ページ指示ビルダー

使う型を絵で選ぶと、1ページ分の AI への指示文にまとめます。

ページの組み立て

上から順に、使うパーツの型を絵で選びます。使わないパーツは「使わない」のままにします。

組み立て中のページ

    まだ型を選んでいません。下のパーツから選ぶか、各パーツのページで「+ ページに入れる」を押します。

    ページの上

    01 告知バー 見本と説明を見る
    02 ヘッダー 見本と説明を見る
    03 パンくずリスト 見本と説明を見る
    04 ファーストビュー 見本と説明を見る

    本文

    05 お知らせ 見本と説明を見る
    06 フロー 見本と説明を見る
    07 料金表 見本と説明を見る
    08 テーブル 見本と説明を見る
    09 タブ 見本と説明を見る
    10 アコーディオン 見本と説明を見る
    11 FAQ 見本と説明を見る
    12 ギャラリー 見本と説明を見る
    13 営業日カレンダー 見本と説明を見る
    14 アクセス・地図 見本と説明を見る
    15 著者・監修者ボックス 見本と説明を見る
    16 サイト内検索 見本と説明を見る
    17 フォーム 見本と説明を見る
    18 SNS 見本と説明を見る

    ページの下

    19 CTA 見本と説明を見る
    20 フッター 見本と説明を見る

    必要なときだけ出す部品

    ページの流れの外に出る部品です。指示文では最後にまとめて書きます。

    21 モーダル 見本と説明を見る
    22 通知 見本と説明を見る
    23 言語切り替え 見本と説明を見る
    0個 選択中 / プレビューと指示文へ

    ページ指示ビルダーの使い方

    1. 型を選ぶ。各パーツのページで「+ ページに入れる」を押した型は、ここで選ばれた状態になっています(上の帯の「組み立て中」と同じものです)。ページの上から順にパーツが並んでいます。使うパーツの型を絵で選び、使わないパーツは「使わない」のままにします。右の「プレビュー」には、選んだ型を上から積んだ1ページが、PC・タブレット・SP の幅で出ます。型を押すと、そのパーツの位置まで送ります。「ハイライト」に切り替えると、最後に押した型のパーツ以外を暗くして目立たせます。
    2. サイトの情報を書く。どんなサイトか、作るページ、入れたい文言を書きます。空けたところは、AI がサイトの内容から考えます。
    3. 指示文をコピーして AI に渡す。ChatGPT や Claude などに貼り付けます。今あるページを直すときは「今あるページを直す」を選び、指示文の最後にそのページの HTML を貼ります。

    選んだ型とサイトの情報は、この端末のブラウザの中に残ります。サーバーには送りません。「選んだ型の URL をコピー」で作る URL には型だけが入り、サイトの情報は入りません。指示文をコピーした組み立ては右下の「履歴」に残り、あとから戻せます(この端末のブラウザに50件まで)。

    1つずつ渡すときとの違い

    各パーツのページの「この形で作る」は、部品1つ分の指示文です。指示ビルダーは選んだ型を上からの順番でまとめ、色・ボタンの見た目・見出しの段・SP に切り替わる幅を、ページ全体でそろえるように指示します。部品ごとに別々に作らせると、色やボタンがばらばらになりやすいためです。