使い方
- インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
- 必要なツール、認証情報、対応環境を原文で確認します。
- 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/vercel/shop --skill init-vercel-shop開始前の確認
- 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
- スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文
見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。
Initialize Vercel Shop
Ask for the target directory if the user did not provide one. Always pass it explicitly.
- Inspect the target. If it already contains a Vercel Shop project, stop and use the relevant storefront skill instead. If it is a non-empty directory, ask for a different target rather than overwriting files.
- Run:
bash
pnpm create next-app@latest <target-directory> --example https://github.com/vercel/shopThe template pins pnpm 12 and Node.js 24.
- Confirm the generated project contains
AGENTS.md,.agents/skills/,app/,components/,lib/shopify/, andpackage.json. - Read the generated
AGENTS.mdbefore making further changes. - If dependency installation fails, keep the generated project and show the retry command to run from its root:
bash
pnpm install- Ask one optional follow-up: Connect an existing Shopify store now?
If yes, ask only for the store's admin URL or .myshopify.com domain, then read references/storefront-token.md and follow its automated Shopify CLI flow. Try to reuse or create a public Storefront token before asking the user to visit the Headless channel.
If no, finish with the normal environment setup as the next step.
Return the generated project path, whether a Shopify store was connected, and whether dependency installation needs a retry.
