storefront-best-practices 是做什么的?
在处理电商前端、在线商店、购物网站时,务必使用此技能。适用于任何前端组件,包括结账页面、购物车、支付流程、产品页面、产品列表、导航、首页,或前端中的任何页面/组件。对于添加结账功能、实现购物车、集成 Medusa 后端,或构建任何电商功能至关重要。框架无关(Next.js、SvelteKit、TanStack Start、React、Vue)。提供模式、决策框架和后端集成指导。
在处理电商前端、在线商店、购物网站时,务必使用此技能。适用于任何前端组件,包括结账页面、购物车、支付流程、产品页面、产品列表、导航、首页等。对于添加结账功能、实现购物车、集成 Medusa 后端或构建任何电商功能至关重要。框架无关(Next.js、SvelteKit、TanStack Start、React、Vue)。提供模式、决策框架和后端集成指导。
此技能为构建电商前端(如在线商店、购物网站)的开发者提供全面的最佳实践指南。它覆盖从结账页面、购物车、支付流程,到产品页面、产品列表、导航和首页等所有前端组件。该技能框架无关,适用于 Next.js、SvelteKit、TanStack Start、React 和 Vue 等主流前端框架。其核心价值在于提供经过验证的模式和决策框架,帮助开发者在集成 Medusa 后端时做出明智选择,并高效实现电商功能。无论是添加结账功能、实现购物车逻辑,还是构建完整的电商体验,此技能都至关重要。
npx skills add https://github.com/medusajs/medusa-agent-skills/tree/main/skills/storefront-best-practicesInstalled? Explore more 生产力与协作 skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →
在处理电商前端、在线商店、购物网站时,务必使用此技能。适用于任何前端组件,包括结账页面、购物车、支付流程、产品页面、产品列表、导航、首页,或前端中的任何页面/组件。对于添加结账功能、实现购物车、集成 Medusa 后端,或构建任何电商功能至关重要。框架无关(Next.js、SvelteKit、TanStack Start、React、Vue)。提供模式、决策框架和后端集成指导。
This repo contains 7 individual skills — each has its own dedicated page.
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.
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.
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.
Generate database migrations for a Medusa module
Run database migrations in 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.
Create an admin user in Medusa
Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.
Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.
Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.
Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.
Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.
List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.