このプロンプトは、PC、タブレット、スマートフォンといった異なるデバイスに対応したWEBデザインを生成するためのものです。どのデバイスでも使いやすく、美しいデザインをAIが提案します。HTMLとCSSのコードまで生成できるので、初心者でも簡単にレスポンシブデザインを作成できます。具体的には、ナビゲーションバー、カードレイアウト、ボタンデザインなどの調整が含まれます。
目次
プロンプト
レスポンシブ対応のHTMLとCSSコードを生成してください。
以下の仕様に基づきます：
- 主な目的：{目的}
- 使用する色：{色}
- 使用するフォント：{フォント}
- ページ構成：{構成}（例：ヘッダー、フッター、メインコンテンツ、サイドバー）
- 想定デバイス：{デバイス}（例：PC、スマートフォン）
プロンプトの使い方
このプロンプトを使うには、必要なデザインの仕様を具体的に入力します。例えば、
「主な目的：ECサイト
使用する色：青と白
使用するフォント：Roboto
ページ構成：ヘッダー、商品一覧、フッター
想定デバイス：PC、スマートフォン」
と入力します。AIはこれに基づいてHTMLとCSSコードを生成します。そのコードをコピペしてブラウザで動作確認を行い、必要に応じて微調整してください。
