전자상거래 스토어프론트, 온라인 상점, 쇼핑 사이트 작업 시 항상 사용하는 스킬입니다. 체크아웃 페이지, 장바구니, 결제 흐름, 상품 페이지, 상품 목록, 네비게이션, 홈페이지 등 모든 스토어프론트 컴포넌트에 사용하세요. 체크아웃 추가, 장바구니 구현, Medusa 백엔드 통합, 또는 전자상거래 기능 구축에 필수적입니다. 프레임워크에 구애받지 않음 (Next.js, SvelteKit, TanStack Start, React, Vue). 패턴, 의사 결정 프레임워크, 백엔드 통합 가이드를 제공합니다.
이 스킬은 Medusa 기반 전자상거래 스토어프론트를 구축하고 최적화하기 위한 종합 가이드입니다. 체크아웃, 장바구니, 결제 흐름, 상품 페이지, 상품 목록, 네비게이션, 홈페이지 등 모든 스토어프론트 컴포넌트를 다루며, Next.js, SvelteKit, TanStack Start, React, Vue 등 다양한 프레임워크에서 사용할 수 있습니다. 이 스킬의 주요 가치는 프론트엔드 구현과 백엔드 통합을 위한 의사 결정 프레임워크와 패턴을 제공하여 개발자들이 일관되고 모범 사례를 따르는 스토어프론트를 구축하도록 돕는 데 있습니다. 특히 체크아웃 추가, 장바구니 상태 관리, Medusa 백엔드와의 원활한 통합 등 까다로운 작업을 처리할 때 CRITICAL(필수)하게 사용하라고 명시되어 있어, 전자상거래 기능 구현의 핵심 스킬임을 강조합니다.
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.