ファッションEC
見て、選んで、買えるファッションブランドのECサイト。コレクションのスライダー、絞り込み、商品ページ、カートまでそのまま動きます。
プロンプト
セーター・カーディガン・帽子・バッグを手編みでつくるクロシェブランド LoomyのECサイトを作ってください。新作コレクションを見せて購入につなげるのが目的です。トップページはスライド式のヒーローバナーで今季のコレクションを紹介。商品一覧はサイズ・カラー・カテゴリを組み合わせて絞り込めるように。商品ページには画像ギャラリーを置き、カラーを切り替えるとメイン画像も変わるようにして、サイズ選択とカートに追加、下に「こちらもおすすめ」のスライダーを。サイドから開くカートで数量変更と合計の確認ができ、フッターには配送・返品交換・プライバシーポリシーを載せてください。スタイルはクリーム系の配色にやわらかなグラデーションと軽い影で、スマホにも対応させてください。
- 出典
- Ofox
使い方
- 1
「同じものを作る」を押す
Ofox Chat が開き、この依頼文があらかじめ入っています。未ログインの場合は先にログインしてください。
- 2
自分用にアレンジ
プロンプトのハイライト部分を書き換えて、自分の内容に差し替えましょう。
- 3
送信して生成
送信すると Ofox Chat がコードを書いて実行し、結果をプレビューまたはダウンロードできます。会話を続けて手直しもできます。
よくある質問
何ができあがりますか？
そのまま開ける Web ページです。Ofox Chat がコードを書いてサンドボックスで動作を確認し、結果はチャット内でプレビュー、コードファイルはダウンロードできます。
プログラミングの知識は必要ですか？
必要ありません。やりたいことを普段の言葉で伝え、処理したいファイルがあれば一緒にアップロードするだけです。コードは Ofox Chat が書いて実行します。
プロンプトは編集できますか？
はい。プロンプトは Ofox Chat の入力欄に入ります。送信前に自分のテーマに置き換えたり、要件を足したり、不要な部分を消したりできます。
プロンプトはそのままコピーして使えますか？
はい。プロンプトカード右上の「コピー」でプレーンテキストを取得でき、ほかの AI コーディングツールでも使えます。
似ている作例
Webページのプロンプトをもっと見る
自分のアイデアがあるなら、今すぐ作ろう
欲しい画像をひと言で伝えるだけ。Ofox Chat がゼロから生成します。