init-vercel-shop

โดย vercel

เริ่มต้นร้านค้าหน้าใหม่ของ Vercel Shop ด้วย CLI create-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.

Skills เพิ่มเติมจาก vercel

vercel
vercel
Emulated Vercel REST API สำหรับการพัฒนาและทดสอบในเครื่อง ใช้เมื่อผู้ใช้ต้องการโต้ตอบกับปลายทาง API ของ Vercel ในเครื่อง ทดสอบการผสานรวมของ 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, รูปแบบข้อมูล, API แบบอะซิงก์, เมทาดาตา, การจัดการข้อผิดพลาด, ตัวจัดการเส้นทาง, การปรับแต่งภาพ/ฟอนต์,…
benchmark-sandbox
vercel
เรียกใช้สถานการณ์ประเมินผลของ vercel-plugin ใน Vercel Sandboxes แทนแผง WezTerm ในเครื่อง จัดเตรียม microVM ชั่วคราวที่ติดตั้ง Claude Code และปลั๊กอินไว้ล่วงหน้า…
write-guide
vercel
ผลิตคู่มือทางเทคนิคที่สอนกรณีการใช้งานในโลกจริงผ่านตัวอย่างแบบค่อยเป็นค่อยไป แนวคิดจะถูกนำเสนอเมื่อผู้อ่านต้องการเท่านั้น
benchmark-testing
vercel
สร้างและเปิดตัวโครงการทดสอบเกณฑ์มาตรฐานเพื่อทดสอบการแทรกทักษะของ vercel-plugin ในสถานการณ์จริง ตั้งค่าไดเรกทอรีที่แยกออกจากกัน ติดตั้ง...