marketplace-add-extension

von vercel

Fügt eine neue Erweiterungspunkt-Route zu einer Sitecore Marketplace-App hinzu. Verwenden Sie dies, wenn der Benutzer ein benutzerdefiniertes Feld, Dashboard-Widget, Kontextpanel, Vollbild… hinzufügen möchte.

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

Mehr Skills von vercel

benchmark-sandbox
vercel
Führt vercel-plugin-eval-Szenarien in Vercel Sandboxes aus, anstatt in lokalen WezTerm-Panels. Stellt temporäre Mikro-VMs mit vorinstalliertem Claude Code + Plugin bereit,…
official
emil-design-eng
vercel
Diese Fertigkeit kodiert Emil Kowalskis Philosophie zu UI-Verfeinerung, Komponentendesign, Animationsentscheidungen und den unsichtbaren Details, die Software großartig wirken lassen.
official
vercel-react-best-practices
vercel
Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorisieren von React/Next.js…
official
vercel-react-best-practices
vercel
Richtlinien zur Leistungsoptimierung von React und Next.js von Vercel Engineering. Diese Fähigkeit sollte beim Schreiben, Überprüfen oder Refaktorisieren von React/Next.js…
official
write-guide
vercel
Erstelle eine technische Anleitung, die einen realen Anwendungsfall durch progressive Beispiele vermittelt. Konzepte werden nur dann eingeführt, wenn der Leser sie benötigt.
official
release
vercel
Vercel-Plugin veröffentlichen — Gates ausführen, Version erhöhen, Artefakte generieren, committen und pushen. Verwenden, wenn aufgefordert, „zu veröffentlichen“, „auszuliefern“, „Version zu erhöhen und zu pushen“ oder „ein Release zu erstellen“.
official
deepsec
vercel
Führen Sie DeepSec gegen einen Vercel-Projekt-Checkout von dev3000 aus. Verwenden Sie für die Ein-Klick-DeepSec-Einrichtung, das Bootstrapping des Projektkontexts, die begrenzte Erstverarbeitung und…
official
backport-pr
vercel
Backportiere einen gemergten Next.js Pull-Request von canary auf einen früheren Release-Branch wie next-16-2. Verwende, wenn der Benutzer darum bittet, einen Backport, Cherry-Pick oder das Öffnen eines…
official