Ecommerce interfaces

Build ecommerce storefronts with Medusa best practices

This skill gives an agent best-practice guidance for building online store front ends, including checkout, cart, product pages, navigation and SEO. It tells the agent to load the right reference file for each task, check existing design choices before adding any component, and fetch categories, products and prices from the backend instead of hard-coding them. It covers connecting to a Medusa backend and making a store readable by shopping agents, with server-rendered prices and a plain add-to-cart form. It works with Next.js, SvelteKit, React, Vue and similar frameworks.