storefront-best-practices

Official

Blueprint for robust ecommerce storefronts.

Authormedusajs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill consolidates proven storefront best practices into a single blueprint to help teams design scalable ecommerce experiences, especially when integrating Medusa-backed backends and dynamic category/product data.

Core Features & Use Cases

  • Pattern-driven guidance for navigation (dropdown vs megamenu), product listing, product details, cart and checkout flows, and responsive design patterns.
  • Medusa-aware patterns (region-based pricing, dynamic category fetching, and backend integration considerations) for multi-region stores.
  • Implementation planning and design guardrails, including accessibility, performance, and SEO considerations, to accelerate delivery.

Quick Start

Apply storefront-best-practices as a reference blueprint when starting a storefront project or evaluating navigation, product listing, cart, and checkout implementations.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: storefront-best-practices
Download link: https://github.com/medusajs/medusa-agent-skills/archive/main.zip#storefront-best-practices

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.