marketplace-add-extension

por vercel

Añade una nueva ruta de punto de extensión a una aplicación de Sitecore Marketplace. Úselo cuando el usuario quiera agregar un campo personalizado, widget de panel, panel de contexto, pantalla completa…

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

Más skills de vercel

benchmark-sandbox
vercel
Ejecuta escenarios de evaluación de vercel-plugin en Vercel Sandboxes en lugar de paneles locales de WezTerm. Aprovisiona microVMs efímeras con Claude Code y el plugin preinstalado,…
official
emil-design-eng
vercel
Esta habilidad codifica la filosofía de Emil Kowalski sobre el pulido de la interfaz de usuario, el diseño de componentes, las decisiones de animación y los detalles invisibles que hacen que el software se sienta genial.
official
vercel-react-best-practices
vercel
Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…
official
vercel-react-best-practices
vercel
Directrices de optimización de rendimiento para React y Next.js de Vercel Engineering. Esta habilidad debe usarse al escribir, revisar o refactorizar React/Next.js…
official
write-guide
vercel
Producir una guía técnica que enseñe un caso de uso del mundo real mediante ejemplos progresivos. Los conceptos se introducen solo cuando el lector los necesita.
official
release
vercel
Liberar vercel-plugin — ejecutar gates, aumentar versión, generar artefactos, commit y push. Usar cuando se pida "release", "ship", "bump and push" o "cut a release".
official
deepsec
vercel
Ejecutar DeepSec contra un checkout de proyecto de Vercel desde dev3000. Usar para configuración de DeepSec con un clic, arranque de contexto de proyecto, procesamiento limitado de primera pasada y…
official
backport-pr
vercel
Hacer backport de un pull request fusionado de Next.js desde canary a una rama de versión anterior, como next-16-2. Usar cuando el usuario solicite hacer backport, cherry-pick o abrir un…
official