medusajs/prácticas-recomendadas-para-tiendas-online

Usa siempre esta habilidad al trabajar en tiendas online, sitios de comercio electrónico o componentes de frontend de tiendas. Proporciona patrones, marcos de decisión y guías de integración con el backend de Medusa, independientemente del framework (Next.js, SvelteKit, TanStack Start, React, Vue).

¿Qué es prácticas-recomendadas-para-tiendas-online?

Esta habilidad es esencial para cualquier desarrollador que esté construyendo o manteniendo un frontend de tienda online (storefront) basado en Medusa. Su objetivo principal es centralizar las mejores prácticas, patrones de diseño y marcos de decisión necesarios para implementar funcionalidades críticas de comercio electrónico, como el proceso de pago (checkout), el carrito de compras, los flujos de pago, las páginas de producto, los listados de productos, la navegación y la página de inicio. Es agnóstica respecto al framework, lo que significa que se puede aplicar con Next.js, SvelteKit, TanStack Start, React, Vue, o cualquier otra tecnología de frontend. La habilidad no solo proporciona fragmentos de código, sino que también guía al desarrollador en la toma de decisiones arquitectónicas y en la integración correcta con el backend de Medusa, asegurando que la tienda funcione de manera óptima, sea mantenible y siga los estándares de la industria. Al activarla, el agente priorizará estas guías sobre otras fuentes de información genérica.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/medusajs/medusa-agent-skills/tree/main/skills/storefront-best-practices

Installed? Explore more Productividad y colaboración skills: steipete/gemini, steipete/gh-issues, steipete/skill-creator · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace prácticas-recomendadas-para-tiendas-online?

Usa SIEMPRE esta habilidad al trabajar en tiendas online (storefronts), sitios de comercio electrónico o tiendas virtuales. Úsala para CUALQUIER componente de la tienda, incluyendo páginas de pago, carrito, flujos de pago, páginas de producto, listados de productos, navegación, página de inicio, o CUALQUIER página/componente de una tienda. Es CRÍTICA para agregar el proceso de pago, implementar el carrito, integrar el backend de Medusa, o construir cualquier funcionalidad de comercio electrónico. Es independiente del framework (Next.js, SvelteKit, TanStack Start, React, Vue). Proporciona patrones, marcos de decisión y guías de integración con el backend.

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

Skills relacionados