できること

  • フォントと画像を埋め込んだ HTML ファイル 1 つ、または Next.js・React・Vue・Astro への移植
  • ホーム、フィルター付きカタログ、商品ページ、コレクション、カート、デモ決済
  • サイズガイド、配送、FAQ、問い合わせ、About、ニュースレター、規約、404 のページ
  • リンク、構造、オフライン安全性、サンプル名の残りをチェックするバリデーター
  • PopNow による統一感のある商品写真・キャンペーン写真(任意、毎回実行前に料金を提示)

向いている用途

  • スニーカー、シューズ、スポーツウェアのブランド
  • キャンペーン風の見た目が欲しい小さなアパレルブランド
  • 実際のカートを接続する前に開発者へ渡すストアのプロトタイプ

向いていない用途

  • 今すぐ実際の決済を受けること(決済代行を接続するまではデモ)
  • データベースが必要な数百点規模のカタログ
  • 派手、ダーク、ネオン調のブランドイメージ

使い方

Claude・ChatGPT で

PopNow のスキル「スニーカーショップ サイトテンプレート」(sneaker-store-website)を使って、次のことをしてください:5 モデルを EUR で販売する小さなトレイルシューズブランド Northfold のストアを作って。120 EUR 以上で送料無料、返品は 30 日以内。

コーディングエージェントで

/popnow-sneaker-store-website 5 モデルを EUR で販売する小さなトレイルシューズブランド Northfold のストアを作って。120 EUR 以上で送料無料、返品は 30 日以内。

次はこれ

./photos の商品写真をストアの背景に配置して。先に料金を見積もって。

ストアを私の Next.js プロジェクトに移植して、チェックアウトはデモのままにして。

用意しておくもの

  • 商品名、価格、カラー、サイズ
  • 2〜4 つのコレクションと、配送・返品ポリシー
  • 商品写真、または生成用の PopNow API キー
  • 実店舗がある場合は住所と営業時間

似ているスキル

すべて見る →

よくある質問

チェックアウトで実際に決済できますか?

できません。フォームを検証し、配送方法に応じて合計を変え、確認画面を表示しますが、支払いの手前で明確に止まります。決済代行サービスの接続は、実際のプロジェクトでの別のステップです。

自分の商品写真を使えますか?

使えます。追加すればスキルはそのまま使います。承認とクレジットの見積もりのうえで、PopNow でストアの統一背景に配置したり切り抜いたりして、グリッドの見た目をそろえることもできます。

靴ではなく服にも使えますか?

使えます。サイズは S・M・L などの表記に切り替わり、サイズガイドは採寸表に、幅のオプションはシルエットになります。コレクションやラインは名前を変えたり削除したりできます。

PopNow API キーがない場合は?

それでもストアは作れます。商品にはラベル付きのプレースホルダーか自分の写真が入り、まだ画像が必要な枠を返答で一覧にします。