Community生产力与协作github.com

medusajs/storefront-best-practices

在处理电商前端、在线商店、购物网站时,务必使用此技能。适用于任何前端组件,包括结账页面、购物车、支付流程、产品页面、产品列表、导航、首页等。对于添加结账功能、实现购物车、集成 Medusa 后端或构建任何电商功能至关重要。框架无关(Next.js、SvelteKit、TanStack Start、React、Vue)。提供模式、决策框架和后端集成指导。

storefront-best-practices 是什么?

此技能为构建电商前端(如在线商店、购物网站)的开发者提供全面的最佳实践指南。它覆盖从结账页面、购物车、支付流程,到产品页面、产品列表、导航和首页等所有前端组件。该技能框架无关,适用于 Next.js、SvelteKit、TanStack Start、React 和 Vue 等主流前端框架。其核心价值在于提供经过验证的模式和决策框架,帮助开发者在集成 Medusa 后端时做出明智选择,并高效实现电商功能。无论是添加结账功能、实现购物车逻辑,还是构建完整的电商体验,此技能都至关重要。

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

Installed? Explore more 生产力与协作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

storefront-best-practices 是做什么的?

在处理电商前端、在线商店、购物网站时,务必使用此技能。适用于任何前端组件,包括结账页面、购物车、支付流程、产品页面、产品列表、导航、首页,或前端中的任何页面/组件。对于添加结账功能、实现购物车、集成 Medusa 后端,或构建任何电商功能至关重要。框架无关(Next.js、SvelteKit、TanStack Start、React、Vue)。提供模式、决策框架和后端集成指导。

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

相关技能