Community研究与数据分析github.com

medusajs/构建商店前端

在规划、研究或实现 Medusa 商店前端功能(调用自定义 API 路由、SDK 集成、React Query 模式、数据获取)时自动加载。在所有模式下(规划、实现、探索)进行商店前端开发时必需。包含 SDK 使用模式、前端集成以及调用 Medusa API 的关键规则。

构建商店前端 是什么?

此技能为开发 Medusa 商店前端提供全面指导,专注于调用自定义 API 路由、集成 Medusa SDK、应用 React Query 模式以及高效获取数据。它强调在所有开发阶段(规划、实现和探索)自动加载,确保开发者始终能访问必要的资源和规则。该技能记录了关键的 SDK 使用模式、前端集成策略以及调用 Medusa API 的严格规则,是构建稳健商店前端不可或缺的工具。通过遵循此文档,开发者可以避免常见陷阱,提升开发效率,并确保最佳实践的应用。此技能适用于任何 Medusa 商店前端项目,无论其复杂程度如何。

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

Installed? Explore more 研究与数据分析 skills: affaan-m/uspto-database, affaan-m/scholar-evaluation, affaan-m/literature-review · View all 6 →

在你喜欢的 AI 中提问

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

文档

构建商店前端 是做什么的?

在规划、研究或实现 Medusa 商店前端功能(调用自定义 API 路由、SDK 集成、React Query 模式、数据获取)时自动加载。在所有模式下(规划、实现、探索)进行商店前端开发时必需。包含 SDK 使用模式、前端集成以及调用 Medusa API 的关键规则。

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-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

medusajs/storefront-best-practices

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, or building any ecommerce functionality. Framework-agnostic (Next.js, SvelteKit, TanStack Start, React, Vue). Provides patterns, decision frameworks, backend integration guidance.

相关技能