init-vercel-shop

par vercel

Initialiser une nouvelle boutique Vercel Shop avec l'interface en ligne de commande officielle create-vercel-shop. Utiliser lorsque l'utilisateur souhaite créer, générer, démarrer ou initialiser un 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:

    pnpm create next-app@latest <target-directory> --example https://github.com/vercel/shop
    

    The template pins pnpm 12 and Node.js 24.

  3. Confirm the generated project contains AGENTS.md, .agents/skills/, app/, components/, lib/shopify/, and package.json.

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

  5. If dependency installation fails, keep the generated project and show the retry command to run from its root:

    pnpm install
    
  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 dependency installation needs a retry.

Plus de skills de vercel

vercel
vercel
API REST Vercel émulée pour le développement et les tests locaux. À utiliser lorsque l’utilisateur doit interagir localement avec les points d’accès de l’API Vercel, tester les intégrations Vercel,…
cron-jobs
vercel
Configuration des Cron Jobs Vercel et bonnes pratiques. À utiliser lors de l'ajout, de la modification ou du débogage de tâches planifiées dans vercel.json.
codegen
vercel
Utilitaires de génération de code pour json-render. À utiliser lors de la génération de code à partir de spécifications d'interface utilisateur, de la création d'exportateurs de code personnalisés, du parcours de spécifications ou de la sérialisation de propriétés pour…
enable-shopify-menus
vercel
Remplacez les menus de navigation et de pied de page codés en dur par des menus propulsés par Shopify.
next-best-practice
vercel
Pratiques recommandées Next.js - conventions de fichiers, limites RSC, modèles de données, API asynchrones, métadonnées, gestion des erreurs, gestionnaires de routes, optimisation des images/polices,…
benchmark-sandbox
vercel
Exécute les scénarios d'évaluation de vercel-plugin dans des sandbox Vercel au lieu de panneaux WezTerm locaux. Provisionne des microVM éphémères avec Claude Code et le plugin préinstallé,…
write-guide
vercel
Produire un guide technique qui enseigne un cas d'usage concret à travers des exemples progressifs. Les concepts ne sont introduits que lorsque le lecteur en a besoin.
benchmark-testing
vercel
Créer et lancer des projets de test de benchmark pour exercer l'injection de compétences vercel-plugin dans des scénarios réalistes. Configure des répertoires isolés, installe le…