When to use it

Use ProductCardSkeleton while a product listing is fetching and the final layout rhythm should stay visible. It is most useful for grids, recommendation rows, and search results.

Composition notes

The component is already shaped like the production product card, so the main job is to place it in the same grid and count that the final results will use.

Behavior and theming guidance

Show enough skeleton cards to communicate the expected layout, but avoid huge walls of placeholders that make the loading state feel heavier than the content itself.