How to use
- Copy the installation command and review the source package before installing it in your own agent environment.
- Check the source document for required tools, credentials and supported hosts.
- Describe your input and desired deliverable; review the output against the source material.
npx skills add https://github.com/vercel/shop --skill init-vercel-shopBefore you start
- Installation does not include a model subscription, API allowance or permission to access your files.
- Repository stars and installation counts describe activity, not an independent quality or security test.
Original skill document
Rendered from the source repository. Headings, examples, code, tables, links, and referenced images are preserved.
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.
