Community研究&データ分析github.com

medusajs/ストアフロント構築

Medusa ストアフロント機能(カスタム API ルートの呼び出し、SDK 統合、React Query パターン、データフェッチ)の計画、調査、実装時に自動で読み込まれます。すべてのモード(計画、実装、探索)におけるストアフロント開発に必須です。SDK の使用パターン、フロントエンド統合、Medusa API 呼び出しの重要なルールを含みます。

ストアフロント構築 とは?

このスキルは、Medusa ストアフロントの開発におけるベストプラクティスと重要なルールを提供します。カスタム API ルートの呼び出し、JavaScript SDK の統合、React Query を使用したデータフェッチといった主要なユースケースをカバーし、フロントエンド開発の効率化と一貫性を確保します。プランニング、実装、探索のすべてのモードで自動的に読み込まれるため、あらゆる段階で適切なガイダンスが提供されます。Medusa ストアフロントに取り組む開発者は、このスキルに従うことで、API 統合における一般的なミスを回避し、SDK の正しい使用パターンを学ぶことができます。主に VS Code、Cursor、Codex などの AI エージェント環境で使用されることを想定しています。

対応~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に質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

ストアフロント構築 は何をしますか?

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.

関連スキル