CommunityProduktivität & Zusammenarbeitgithub.com

medusajs/storefront-best-practices

Verwenden Sie dieses Skill immer bei der Arbeit an E-Commerce-Storefronts, Online-Shops oder Shopping-Seiten. Es ist für jede Storefront-Komponente geeignet, einschließlich Checkout-Seiten, Warenkorb, Zahlungsabläufe, Produktseiten, Produktlisten, Navigation, Startseite oder JEDE Seite/Komponente in einer Storefront. KRITISCH für das Hinzufügen von Checkout, die Implementierung des Warenkorbs, die Integration des Medusa-Backends oder die Entwicklung jeder E-Commerce-Funktionalität. Framework-unabhängig (Next.js, SvelteKit, TanStack Start, React, Vue). Bietet Muster, Entscheidungsrahmen und Anleitungen zur Backend-Integration.

Was ist storefront-best-practices?

Dieses Skill ist speziell für Entwickler konzipiert, die an E-Commerce-Storefronts arbeiten, die mit Medusa betrieben werden. Es bietet eine umfassende Sammlung von Mustern und Entscheidungsrahmen, die für jede Komponente einer Online-Shop-Frontend-Anwendung gelten – von Checkout-Seiten über Warenkorb und Zahlungsabläufe bis hin zu Produktseiten, Navigation und Startseite. Das Skill ist besonders hilfreich, wenn Sie Checkout- oder Warenkorbfunktionen hinzufügen, das Medusa-Backend integrieren oder allgemeine E-Commerce-Funktionalität in Ihrem Projekt implementieren möchten. Es ist framework-unabhängig und funktioniert mit Next.js, SvelteKit, TanStack Start, React oder Vue. Die Hauptvorteile liegen in der klaren Strukturierung von Entscheidungsprozessen (z. B. Client-seitig vs. Server-seitig), Best Practices für die Integration von Medusa und bewährten Ansätzen für dynamische Storefronts. Das Skill enthält Beispiele für Code-Implementierungen (z. B. mit `@medusajs/medusa` und `@tanstack/react-query`), die direkt in Projekte übernommen werden können. Es ist ein unverzichtbares Werkzeug für jeden Entwickler, der performante, skalierbare und wartbare E-Commerce-Frontends auf Basis von Medusa erstellen will.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofAgent Workflows
npx skills add https://github.com/medusajs/medusa-agent-skills/tree/main/skills/storefront-best-practices

Installed? Explore more Produktivität & Zusammenarbeit skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht storefront-best-practices?

Verwenden Sie diesen Skill IMMER bei der Arbeit an E-Commerce-Storefronts, Online-Shops oder Shopping-Seiten. Verwenden Sie ihn für JEDE Storefront-Komponente, einschließlich Checkout-Seiten, Warenkorb, Zahlungsabläufe, Produktseiten, Produktlisten, Navigation, Startseite oder JEDE Seite/Komponente in einer Storefront. KRITISCH für das Hinzufügen von Checkout, die Implementierung des Warenkorbs, die Integration des Medusa-Backends oder die Entwicklung jeder E-Commerce-Funktionalität. Framework-unabhängig (Next.js, SvelteKit, TanStack Start, React, Vue). Bietet Muster, Entscheidungsrahmen und Anleitungen zur Backend-Integration.

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

Verwandte Skills

steipete/gemini

Gemini CLI one-shot prompts, summaries, generation, skills, hooks, MCP, or Gemma routing.

community

steipete/gh-issues

Fetch GitHub issues, select candidates, spawn background fix agents, open PRs, and optionally process PR review comments.

community

steipete/skill-creator

Create, edit, audit, tidy, validate, or restructure AgentSkills and SKILL.md files.

community

steipete/clawhub

Search, install, update, sync, or publish agent skills with the ClawHub CLI and registry.

community

steipete/coding-agent

Delegate coding work to Codex, Claude Code, or OpenCode as background workers; not simple edits or read-only code lookup.

community

steipete/mcporter

List, configure, authenticate, call, and inspect MCP servers/tools with mcporter over HTTP or stdio.

community
← More Produktivität & Zusammenarbeit skills