init-vercel-shop

द्वारा vercel

आधिकारिक create-vercel-shop CLI के साथ एक नया Vercel Shop स्टोरफ्रंट आरंभ करें। जब उपयोगकर्ता 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.

vercel की और Skills

vercel
vercel
स्थानीय विकास और परीक्षण के लिए अनुकरणित Vercel REST API। उपयोग तब करें जब उपयोगकर्ता को स्थानीय रूप से Vercel API एंडपॉइंट्स के साथ इंटरैक्ट करने, Vercel इंटीग्रेशन का परीक्षण करने की आवश्यकता हो,…
cron-jobs
vercel
Vercel Cron Jobs कॉन्फ़िगरेशन और सर्वोत्तम अभ्यास। vercel.json में शेड्यूल किए गए कार्यों को जोड़ने, संपादित करने या डीबग करने पर उपयोग करें।
codegen
vercel
json-render के लिए कोड जनरेशन उपयोगिताएँ। UI स्पेक्स से कोड जनरेट करते समय, कस्टम कोड एक्सपोर्टर बनाते समय, स्पेक्स को ट्रैवर्स करते समय, या प्रॉप्स को सीरियलाइज़ करते समय उपयोग करें…
enable-shopify-menus
vercel
हार्डकोडेड नेव और फुटर मेन्यू को Shopify-संचालित मेन्यू से बदलें।
next-best-practice
vercel
Next.js सर्वोत्तम अभ्यास - फ़ाइल परंपराएँ, RSC सीमाएँ, डेटा पैटर्न, async API, मेटाडेटा, त्रुटि प्रबंधन, रूट हैंडलर, इमेज/फ़ॉन्ट अनुकूलन,…
benchmark-sandbox
vercel
Vercel Sandboxes में vercel-plugin eval परिदृश्य चलाएँ, स्थानीय WezTerm पैनलों के बजाय। Claude Code + प्लगइन पूर्व-स्थापित के साथ अस्थायी microVMs प्रदान करता है,…
write-guide
vercel
एक तकनीकी गाइड तैयार करें जो प्रगतिशील उदाहरणों के माध्यम से एक वास्तविक दुनिया के उपयोग के मामले को सिखाता है। अवधारणाओं को केवल तब पेश किया जाता है जब पाठक को उनकी आवश्यकता होती है।
benchmark-testing
vercel
बेंचमार्क परीक्षण परियोजनाएँ बनाएँ और लॉन्च करें ताकि वास्तविक परिदृश्यों में vercel-plugin कौशल इंजेक्शन का परीक्षण किया जा सके। पृथक निर्देशिकाएँ सेट करता है, इंस्टॉल करता है…