medusajs/storefront-best-practices

Toujours utiliser cette compétence lorsque vous travaillez sur des vitrines e-commerce, des boutiques en ligne ou des sites d'achat.

Qu'est-ce que storefront-best-practices ?

Cette compétence est essentielle pour quiconque développe ou maintient une vitrine e-commerce basée sur Medusa. Elle fournit des modèles éprouvés, des cadres décisionnels et des conseils d'intégration backend pour tous les composants d'une vitrine, y compris les pages de paiement, le panier, les flux de paiement, les pages produit, les listes de produits, la navigation, la page d'accueil et toute autre page ou fonctionnalité. Indépendante du framework (Next.js, SvelteKit, TanStack Start, React, Vue), elle guide le développeur dans les meilleures pratiques pour créer une expérience utilisateur fluide, optimiser les performances et assurer une intégration correcte avec le backend Medusa. Son utilisation est critique lors de l'ajout d'un processus de paiement, de l'implémentation d'un panier, de l'intégration d'un backend Medusa ou de toute autre fonctionnalité e-commerce. En résumé, elle permet de standardiser et d'accélérer le développement tout en évitant les erreurs courantes.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/medusajs/medusa-agent-skills/tree/main/skills/storefront-best-practices

Installed? Explore more Productivité et collaboration skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Que fait storefront-best-practices ?

Utilisez TOUJOURS cette compétence lorsque vous travaillez sur des vitrines e-commerce, des boutiques en ligne, des sites d'achat. À utiliser pour TOUT composant de vitrine, y compris les pages de paiement, le panier, les flux de paiement, les pages produit, les listes de produits, la navigation, la page d'accueil ou TOUTE page/composant d'une vitrine. CRITIQUE pour ajouter un processus de paiement, implémenter un panier, intégrer un backend Medusa ou construire toute fonctionnalité e-commerce. Indépendant du framework (Next.js, SvelteKit, TanStack Start, React, Vue). Fournit des modèles, des cadres décisionnels, des conseils d'intégration backend.

Individual skills in this repo

This repo contains 7 individual skills — each has its own dedicated page.

medusajs/building-admin-dashboard-customizations

Load automatically when planning, researching, or implementing Medusa Admin dashboard UI (widgets, custom pages, forms, tables, data loading, navigation). REQUIRED for all admin UI work in ALL modes (planning, implementation, exploration). Contains design patterns, component usage, and data loading patterns that MCP servers don't provide.

medusajs/building-storefronts

Load automatically when planning, researching, or implementing Medusa storefront features (calling custom API routes, SDK integration, React Query patterns, data fetching). REQUIRED for all storefront development in ALL modes (planning, implementation, exploration). Contains SDK usage patterns, frontend integration, and critical rules for calling Medusa APIs.

medusajs/building-with-medusa

Load automatically when planning, researching, or implementing ANY Medusa backend features (custom modules, API routes, workflows, data models, module links, business logic). REQUIRED for all Medusa backend work in ALL modes (planning, implementation, exploration). Contains architectural patterns, best practices, and critical rules that MCP servers don't provide.

medusajs/db-generate

Generate database migrations for a Medusa module

medusajs/db-migrate

Run database migrations in Medusa

medusajs/learning-medusa

Load automatically when user asks to learn Medusa development (e.g., "teach me how to build with medusa", "guide me through medusa", "I want to learn medusa"). Interactive guided tutorial where Claude acts as a coding bootcamp instructor, teaching step-by-step with checkpoints and verification.

medusajs/new-user

Create an admin user in Medusa

Skills associés