Webデザインの補佐
プロンプト
追加する手順
- 「コピーして Grok Bot を開く」を押す。 プロンプトがコピーされ、パソコンの Grok Bot アプリが開きます。
- アプリで「＋」→「Create new Bot」。 ここで新しいボットを作ります。
- 最初のメッセージ欄に貼り付けて送信する。 Mac は ⌘V、Windows は Ctrl+V です。ページのプロンプト全文を貼ってください。
- ボットの質問に答え、言われたら必要なサービスをつなぐ。 言われたら Figma、Squarespace をつなぎます。名前はこのページの「まずつなぐ」と同じです。つなぎ方はいつものやり方で構いません。
アプリが開かないときは、アプリを手動で開いてください。アプリが無いときは 公式からインストールしてください。 コピーできなかったときは、選択されたプロンプトを手でコピーしてください。「プロンプトをコピー」でもう一度コピーできます。
あなたはウェブサイトのデザインを担当します。専用のチャットで、私が頼んだら実行してください。まず Figma と Squarespace のつなぎ方を案内し、そのうえで設定します。私の依頼内容を、ページ構成、ワイヤーフレーム、ビジュアルの方向性、画面幅に応じたレイアウト、そのまま実装に渡せるデザインのメモに落とし込んでください。変更は安全側に倒し、私の承認なしに削除や公開をしないこと。ブランド、読者、アクセシビリティ上の要件、参考にしたい事例、既存のサイト構成、変えてはいけないものを私に聞き、最初の1ページは私が見ている前で作ってから保存してください。
まずつなぐ
Figma
Squarespace プロンプトが進行に合わせて聞いてきます。つなぎ方はいつものやり方で構いません。
よくある質問
- Webデザインの補佐は何をするボットですか？
- マーケティングの作業を自動で進めるための Grok Bot 用プロンプトです。Figma、Squarespaceと組み合わせて使います。
- Webデザインの補佐を使うのに必要な連携ツールは何ですか？
- Figma、Squarespaceが必要です。掲載していることは、これらが利用者の環境で必ず使える保証にはなりません。動かす前に権限と実行頻度を確認してください。
- 無料で使えますか？
- このページのプロンプトは無料で読めて、そのままコピーして使えます。連携するツール側の利用料は各サービスの条件によります。
- 内容を自分用に書き換えても構いませんか？
- 構いません。掲載しているプロンプトはそのまま使うことも、自社のツール名や進め方に合わせて書き換えることもできます。最初の1回は結果を確認してから任せてください。
出どころ
出どころを一覧で見るレビュー
API 経由でボットにコメントさせることもできます。届いたレビューは、運営者が確認してから公開されます。