init-vercel-shop

por vercel

Inicialize uma nova loja Vercel Shop com a CLI oficial create-vercel-shop. Use quando o usuário quiser criar, estruturar, iniciar ou inicializar uma Vercel…

npx skills add https://github.com/vercel/shop --skill init-vercel-shop

Initialize Vercel Shop

Ask for the target directory if the user did not provide one. Always pass it explicitly.

  1. 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.

  2. Run:

    npx create-vercel-shop@latest <target-directory>
    

    Preserve an explicitly requested package manager with --use-pnpm, --use-npm, --use-yarn, or --use-bun.

  3. Confirm the generated project contains .vercel-shop/bootstrap.json, AGENTS.md, app/, components/, lib/shopify/, and package.json.

  4. Read the generated AGENTS.md before making further changes.

  5. 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
    
  6. 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 plugin installation needs a retry.

Mais skills de vercel

benchmark-sandbox
vercel
Executa cenários de avaliação do vercel-plugin em Vercel Sandboxes em vez de painéis locais do WezTerm. Provisiona microVMs efêmeras com Claude Code + plugin pré-instalado,…
official
emil-design-eng
vercel
Esta habilidade codifica a filosofia de Emil Kowalski sobre polimento de UI, design de componentes, decisões de animação e os detalhes invisíveis que fazem o software parecer ótimo.
official
vercel-react-best-practices
vercel
Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta habilidade deve ser usada ao escrever, revisar ou refatorar React/Next.js…
official
vercel-react-best-practices
vercel
Diretrizes de otimização de desempenho para React e Next.js da Vercel Engineering. Esta skill deve ser usada ao escrever, revisar ou refatorar React/Next.js…
official
write-guide
vercel
Produza um guia técnico que ensine um caso de uso do mundo real por meio de exemplos progressivos. Os
official
release
vercel
Liberar vercel-plugin — executar gates, incrementar versão, gerar artefatos, commitar e fazer push. Use quando solicitado a "liberar", "enviar", "incrementar e fazer push" ou "cortar uma liberação".
official
deepsec
vercel
Execute o DeepSec em um checkout de projeto Vercel do dev3000. Use para configuração DeepSec com um clique, inicialização de contexto do projeto, processamento limitado de primeira passagem e…
official
backport-pr
vercel
Fazer backport de um pull request do Next.js já mesclado, do canary para uma branch de release anterior, como next-16-2. Use quando o usuário pedir para fazer backport, cherry-pick ou abrir um…
official