vercelOfficial·7 Agent Skills Included

shop

Build, localize, and upgrade Shopify storefronts on Next.js

Builds and upgrades production Shopify storefronts on Next.js using the Vercel Shop template. Adds multi-region markets, locale routing, live Shopify menus, and analytics without manual wiring. Validates GraphQL operations, audits template drift, and applies upgrades safely to existing stores. Removes guesswork around caching, cart state, and server components so storefronts ship faster.

45|12

↗

npx skills add vercel/shop --all -g -y

Available:

Tells the agent how the monorepo is organized and requires it to keep the storefront template, docs, and skills in sync whenever one of them changes.

All Skills in This Repository (7)

Pure Emerald Level Indicators

📦 In Repo

vercel

enable-analytics

Integrate Vercel Analytics, Speed Insights, and Google Tag Manager into Next.js storefronts.

enable-shopify-cms

Configure Shopify metaobject CMS content with GraphQL queries for homepage and marketing pages.

enable-shopify-menus

Replace hardcoded Next.js storefront navigation with Shopify Storefront API menus.

add-locale-url-prefix

Restore locale-prefixed routing and navigation in a Next.js 16 app with next-intl.

shopify-graphql-reference

Align Shopify GraphQL queries, fragments, and cache rules with the live Storefront schema.

fetch-shopify-schema

Inspect live Shopify GraphQL schemas for Storefront and Customer Account types.

enable-shopify-markets

Configure Shopify Markets multi-locale routing with next-intl for storefronts.

Official

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install Vercel Shop?▼

Run `npx skills add vercel/shop --all -g -y` in your terminal to install all storefront skills globally.

How to create a Shopify storefront with Next.js?▼

Use the init-vercel-shop skill, which scaffolds a complete storefront with the official create-vercel-shop CLI and can connect your existing Shopify store automatically.

How to add multi-region selling to a Shopify store?▼

The enable-shopify-markets skill adds regional locales, localized pricing, and locale-aware routing using sub-paths, cookies, or per-domain setups.

How to update an existing Vercel Shop project?▼

The update-shop skill audits your project against the latest template, plans the needed changes, and applies upgrades one entry at a time with validation.

Does Vercel Shop work with Claude Code and other coding agents?▼

Yes. All skills follow the universal SKILL.md standard and run in Claude Code, Cursor, Codex, and other compatible agents.