Storefront Best Practices

This is required reading if you're building any ecommerce UI with Claude. It's opinionated about workflow: load the design reference before touching components, check backend integration docs before calling SDK methods, and always refer back to the relevant reference files during implementation. The skill covers everything from product pages to checkout flows, with specific guidance on Medusa backend integration. What makes it useful is the specificity: it tells you exactly which reference files to load for navbars versus product listings versus checkout, and it's aggressive about preventing common mistakes like hardcoding categories or forgetting aria-live on cart counts. Treat it like a checklist that keeps you from shooting yourself in the foot.

Install to Claude Code

npx -y skills add medusajs/medusa-agent-skills --skill storefront-best-practices --agent claude-code