This skill provides a comprehensive framework for building modern, mobile-responsive ecommerce storefronts using industry-standard patterns. It guides developers through the entire shopping journey—from product discovery and navigation to shopping cart management and secure multi-step checkout—while ensuring accessibility, SEO optimization, and seamless integration with the Medusa backend. By enforcing critical design tokens and mobile-first principles, it helps maintain brand consistency and high performance across any frontend framework like Next.js, React, or SvelteKit.
主要功能
01197 GitHub stars
02Accessibility-focused patterns including aria-live updates for cart actions
03Standardized UI patterns for carts, product listings, and navigation
04Medusa backend integration workflow for pricing, regions, and SDK verification
05Mobile-first optimization with safe-area handling and touch target standards
06SEO-ready components with JSON-LD product schema and meta tag guidance
使用场景
01Building a high-performance ecommerce checkout flow from scratch
02Optimizing an existing online store for mobile conversion and accessibility
03Connecting a React or Next.js frontend to a Medusa backend securely