AI导哈

前端开发

storefront-best-practices

medusajs/medusa…t-skills

ALWAYS use this skill when working on ecommerce storefronts, online stores, shopping sites. Use for ANY storefront component including checkout pages, cart, payment flows, product pages, product listings, navigation, homepage, or ANY page/component in a storefront. CRITICAL for adding checkout, implementing cart, integrating Medusa backend, making a store agent-friendly for AI shopping agents, or building any ecommerce functionality. Framework-agnostic (Next.js, SvelteKit, TanStack Start, React, Vue). Provides patterns, decision frameworks, backend integration guidance.

  • 4740 次安装
  • 234 星标
  • 收录于

安装命令

npx skills add https://github.com/medusajs/medusa-agent-skills --skill storefront-best-practices

SKILL.md

Ecommerce Storefront Best Practices

Comprehensive guidance for building modern, high-converting ecommerce storefronts covering UI/UX patterns, component design, layout structures, SEO optimization, and mobile responsiveness.

When to Apply

ALWAYS load this skill when working on ANY storefront task:

  • Adding checkout page/flow - Payment, shipping, order placement
  • Implementing cart - Cart page, cart popup, add to cart functionality
  • Building product pages - Product details, product listings, product grids
  • Creating navigation - Navbar, megamenu, footer, mobile menu
  • Integrating Medusa backend - SDK setup, cart, products, payment
  • Any storefront component - Homepage, search, filters, account pages
  • Building new ecommerce storefronts from scratch
  • Improving existing shopping experiences and conversion rates
  • Optimizing for usability, accessibility, and SEO
  • Designing mobile-responsive ecommerce experiences
  • Making a storefront agent-friendly (AI shopping agents, AI search, agentic commerce)

相关 Skills

building-with-medusamedusajs/medusa…t-skillsLoad 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.智能体工作流4654building-admin-dashboard-customizationsmedusajs/medusa…t-skillsLoad 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.智能体工作流4469building-storefrontsmedusajs/medusa…t-skillsLoad 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.智能体工作流4218db-migratemedusajs/medusa…t-skillsRun database migrations in Medusa后端与数据库3477db-generatemedusajs/medusa…t-skillsGenerate database migrations for a Medusa module后端与数据库3423learning-medusamedusajs/medusa…t-skillsLoad 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.其他3402