marketplace-add-extension

tarafından vercel

Sitecore Marketplace uygulamasına yeni bir eklenti noktası rotası ekler. Kullanıcının özel bir alan, gösterge paneli bileşeni, bağlam paneli, tam ekran… eklemek istediğinde kullanılır.

npx skills add https://github.com/vercel-labs/sitecore-skills --skill marketplace-add-extension

Add an Extension Point Route

You are helping the user add a new extension point to their Sitecore Marketplace app.

Step 1: Determine Extension Type

Ask the user which type (or infer from $ARGUMENTS):

TypeSlugDescriptionTypical Size
Custom Fieldcustom-fieldInline field in content editor~300px wide
Dashboard Widgetdashboard-widgetWidget on the dashboard~400x300px
Pages Context Panelpages-context-panelSide panel in Pages editor~350px wide, full height
FullscreenfullscreenFull-page within Sitecore shellFull viewport
StandalonestandaloneIndependent pageFull viewport

Step 2: Generate the Route

Create the route at app/<extension-type>/page.tsx (or a custom path the user prefers).

See extension-types.md for complete boilerplate templates for each extension type.

Step 3: Register in Developer Portal

Remind the user to register the extension point in the Sitecore Developer Portal:

  1. Go to Developer Portal → Your App → Extension Points
  2. Click "Add Extension Point"
  3. Select the type and set the route path (e.g., /custom-field)

Step 4: Suggest Next Steps

  • Use /marketplace-build-component to build out the UI
  • Use /marketplace-sdk-reference to look up available queries/mutations for this extension type
  • Use /marketplace-add-xmc if the extension needs XM Cloud data

Reference Files

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