
Description
Initialize a new Vercel Shop storefront with the official create-vercel-shop CLI. Use when the user wants to create, scaffold, start, or initialize a Vercel Shop project from a coding agent.
SKILL.md
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:
npx create-vercel-shop@latest <target-directory>
Preserve an explicitly requested package manager with--use-pnpm,--use-npm,--use-yarn, or--use-bun. - Confirm the generated project contains
.vercel-shop/bootstrap.json,AGENTS.md,app/,components/,lib/shopify/, andpackage.json. - Read the generated
AGENTS.mdbefore making further changes. - If the CLI reports a plugin installation failure, keep the generated project and show the matching retry command:
npx plugins add vercel/shop --scope project --yes npx plugins add vercel/vercel-plugin --scope project --yes npx plugins add Shopify/shopify-ai-toolkit --scope project --yes - Ask one optional follow-up: Connect an existing Shopify store now?
If yes, ask only for the store's admin URL or.myshopify.comdomain, 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 plugin installation needs a retry.
More skills from the shop repository
View all 8 skillsbuild-shop
build and adapt Shopify storefronts
Jul 1CachingE-commerceFrontendShopify +1enable-analytics
enable analytics and performance monitoring
Apr 18AnalyticsMarketingMonitoringPerformance +1enable-i18n
enable multi-language support with next-intl
Apr 29Frontendi18nNext.jsVercel +1enable-shopify-markets
enable multi-locale support with Shopify Markets
Apr 19E-commercei18nMarketingShopify +1enable-shopify-menus
implement Shopify-powered navigation menus
Apr 19DesignE-commerceFrontendShopify +1shopify-graphql-reference
reference Shopify GraphQL patterns and fragments
Apr 19DocumentationE-commerceGraphQLShopify +1
More from Vercel
View publishernext-cache-components-adoption
enable and migrate to Next.js Cache Components
next.js
Jul 17CachingFrontendMigrationNext.js +1next-cache-components-optimizer
optimize Next.js cache components
next.js
May 27CachingFrontendNext.jsPerformance +1next-dev-loop
verify Next.js runtime behavior
next.js
May 22DebuggingFrontendLocal DevelopmentNext.js +2next-partial-prefetching-adoption
adopt Partial Prefetching in Next.js apps
next.js
Jul 17FrontendNext.jsPerformanceVercelturborepo
manage monorepos with Turborepo
turborepo
Jul 21CI/CDPerformanceTurborepoadd-function-examples
add AI function examples for testing
ai
Apr 6AI SDKTestingVercel