update-shop

tarafından vercel

Mevcut bir Vercel Shop mağazasını daha yeni şablon değişiklikleriyle güncelleyin. Kullanıcı sürüklenmeyi kontrol etmek, bir yükseltme planlamak veya bir… için şablon güncellemeleri uygulamak istediğinde kullanın.

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

Update Vercel Shop

Bring an existing Vercel Shop project up to date with the template by reasoning about individual rollout entries, never by diffing against a template version. Downstream storefronts often adopt only part of the template, so every decision must be validated against the current codebase.

Pick a mode

Infer the mode from the user's request:

  • Audit — report how far the project has drifted. Read-only; stop after the audit phase.
  • Plan — produce a change-level upgrade plan. Read-only; stop after the plan phase.
  • Apply — plan, confirm the selection with the user, then apply and validate. Use this when the user asks to "update" or "upgrade" the shop.

Read these inputs

  1. .vercel-shop/bootstrap.json in the project root — original templateVersion and scaffoldedAt
  2. .vercel-shop/rollout-state.json in the project root — decisions recorded by earlier runs of this skill (may not exist)
  3. The current rollout log and template version, fetched from upstream (see below)
  4. AGENTS.md and .claude/settings.json in the project if present
  5. The current project structure and any files named by matching rollout entries

If .vercel-shop/bootstrap.json is missing, say the project predates plugin bootstrap metadata and continue with a best-effort heuristic audit.

Fetch the current rollout log

The rollout log is maintained upstream in github.com/vercel/shop. The plugin bundles a copy of template-rollout-log/ and template-version.json, but it is only as fresh as the installed plugin, so prefer the upstream copy:

dir=$(mktemp -d)
curl -fsSL https://codeload.github.com/vercel/shop/tar.gz/refs/heads/main |
  tar -xz --strip-components=3 -C "$dir" \
    shop-main/packages/plugin/template-rollout-log \
    shop-main/packages/plugin/template-version.json

Read every markdown entry in the extracted template-rollout-log/ except README.md. If the fetch fails (offline or restricted network), fall back to the copies bundled with this plugin and say in the report that the log may be stale until the plugin is updated.

Phase 1 — audit

Compare the scaffold metadata against the current recommended template version and check for structural drift:

  • missing .vercel-shop/bootstrap.json
  • missing AGENTS.md
  • missing project-scoped plugin config in .claude/settings.json
  • legacy local skill files such as .agents/skills/ or a legacy .claude/skills symlink
  • obvious divergence from the expected Vercel Shop structure such as missing lib/shopify/ or components/

Report the original scaffold version, the scaffold timestamp, the current recommended template version, and a short note on overall drift. If the scaffold version matches the current version, say so explicitly. In audit mode, stop here.

Phase 2 — plan

Build the candidate list from the rollout log:

  1. If bootstrap metadata includes scaffoldedAt, treat entries with a newer introducedOn as the primary candidates. Versions are only hints.
  2. Add older entries that still look applicable from the current project state.
  3. Drop entries that .vercel-shop/rollout-state.json already records as adopted, skipped, or not applicable — unless the user asks to revisit them.

For each remaining entry, decide one of:

  • Adopt now — clearly applicable and mechanical enough to apply confidently
  • Review manually — applicable but touches heavily customized code
  • Already present — the project has the change (adopted independently or scaffolded with it)
  • Not applicable — the entry's appliesTo or preconditions don't match this project

Validate each decision against the current codebase. Do not assume a change is missing just because the scaffold is old, and do not invent upgrade work when no entries apply — say so explicitly. Call out uncertainty when the project has heavily diverged from template conventions.

Present the plan grouped by decision. In plan mode, stop here and do not edit files.

Phase 3 — apply

Confirm with the user which entries to apply before editing anything. Then, for each selected entry, one at a time:

  1. Re-read the entry's Summary, paths, and Apply when / Safe to skip when sections.
  2. Apply the change in the project's own idiom — re-implement the behavior described by the entry rather than copying template files over customized code. Use the entry's relatedSkills when listed.
  3. Run the entry's Validation steps before moving to the next entry.
  4. Keep each entry's edits an isolated, reviewable unit. If the project uses git and the user wants commits, suggest one commit per changeKey.

If an entry's validation fails, stop, report the failure, and ask whether to fix forward, skip the entry, or revert its edits before continuing.

Phase 4 — record and report

Record every decision in .vercel-shop/rollout-state.json so future runs don't re-litigate settled entries. Keep decisions keyed by changeKey:

{
  "decisions": {
    "storefront-typed-client": {
      "decision": "adopted",
      "decidedOn": "2026-07-06"
    },
    "pdp-metafields-specs": {
      "decision": "skipped",
      "decidedOn": "2026-07-06",
      "note": "custom PDP replaced the specs section"
    }
  }
}

Use adopted, skipped, not-applicable, or already-present as decision values. Do not modify .vercel-shop/bootstrap.jsonscaffoldedAt must keep describing the original scaffold.

Finish with a concise report: what was applied, what was skipped and why, validation results, and any entries deferred for manual review.

vercel tarafından daha fazla skill

benchmark-sandbox
vercel
Vercel Sandbox'larda vercel-plugin eval senaryolarını çalıştırır, yerel WezTerm panelleri yerine. Claude Code ve önceden yüklenmiş plugin ile geçici mikroVM'ler sağlar,…
official
emil-design-eng
vercel
Bu beceri, Emil Kowalski'nin UI cilası, bileşen tasarımı, animasyon kararları ve yazılımı harika hissettiren görünmez detaylar üzerine felsefesini kodlar.
official
vercel-react-best-practices
vercel
Vercel Mühendisliği'nden React ve Next.js performans optimizasyonu yönergeleri. Bu yetenek, React/Next.js yazarken, gözden geçirirken veya yeniden düzenlerken kullanılmalıdır…
official
vercel-react-best-practices
vercel
Vercel Mühendisliği'nden React ve Next.js performans optimizasyonu yönergeleri. Bu yetenek, React/Next.js yazarken, gözden geçirirken veya yeniden düzenlerken kullanılmalıdır…
official
write-guide
vercel
Gerçek dünya kullanım senaryosunu aşamalı örneklerle öğreten bir teknik rehber oluşturur. Kavramlar yalnızca okuyucunun ihtiyaç duyduğu anda tanıtılır.
official
release
vercel
Vercel eklentisini yayınla — gate’leri çalıştır, sürümü yükselt, yapıtlar oluştur, commit yap ve push’la. "Yayınla", "gönder", "yükselt ve push’la" veya "sürüm kes" dendiğinde kullan.
official
deepsec
vercel
dev3000'den bir Vercel proje kontrolüne karşı DeepSec çalıştırın. Tek tıklamayla DeepSec kurulumu, proje bağlamı başlatma, sınırlı ilk geçiş işleme ve… için kullanın.
official
backport-pr
vercel
Birleştirilmiş Next.js çekme isteğini canary'den next-16-2 gibi önceki bir sürüm dalına geri taşı. Kullanıcı geri taşıma, kiraz toplama veya bir… açma talebinde bulunduğunda kullan.
official