Build UI with Blok Design System

You are helping the user build UI components for a Sitecore Marketplace app using the Blok design system (Sitecore's shadcn-based component library).

Key Principles

1. Always use Blok components — they match the Sitecore host UI and support light/dark themes automatically
2. SDK data integration — use loading states (Skeleton) and error states (Alert) when fetching SDK data
3. Extension point awareness — different extension types have different UI constraints (see below)
4. Responsive — components render inside iframes of varying sizes

Installing Components

Blok components are installed via the shadcn CLI:

# Install the Blok theme (required first)
npx shadcn@latest add https://marketplace-sdk.sitecorecloud.io/r/blok-theme.json