πŸ›οΈ
FrontendJavaScript

Building Storefronts

by medusajs

Building Storefronts is a Frontend skill for Claude Code, published by medusajs in medusa-agent-skills.

212 stars26 forkson medusajs/medusa-agent-skillsAdded 2026/09/04Repository updated 2026/08/14
agentic-commerceclaudeclaude-codecommerceecommercemedusa
Install in seconds
Install Building Storefronts
Copy Building Storefronts into your Claude Code skills folder. Run the command in your terminal, or review the source on GitHub before installing.
terminal
npx degit https://github.com/medusajs/medusa-agent-skills/tree/main/plugins/medusa-dev/skills/building-storefronts ~/.claude/skills/building-storefronts

Requires Node.js. Downloads this skill only β€” not the rest of the repository β€” into your Claude Code skills folder.

Without Node.js

git clone https://github.com/medusajs/medusa-agent-skills.git

Clones the whole repository, then copy the skill’s own directory into your skills folder yourself.

In this catalog

Source file
plugins/medusa-dev/skills/building-storefronts/SKILL.md in medusajs/medusa-agent-skills
Installs to
~/.claude/skills/building-storefronts
Collection
One of 18 skills cataloged from this repository
Category
Frontend β€” 641 skills

What Building Storefronts does

Building Storefronts covers Medusa storefront integration for SDK calls, custom API routes, and React Query data fetching. Use it when planning or implementing storefront features, mutations, cache invalidation, and error handling.

Building Storefronts is cataloged under Frontend on DirSkills. Building Storefronts comes from a repository tagged agentic-commerce, claude, claude-code, commerce and ecommerce.

Documentation

README

Medusa Storefront Development

Frontend integration guide for building storefronts with Medusa. Covers SDK usage, React Query patterns, and calling custom API routes.

When to Apply

Load this skill for ANY storefront development task, including:

  • Calling custom Medusa API routes from the storefront
  • Integrating Medusa SDK in frontend applications
  • Using React Query for data fetching
  • Implementing mutations with optimistic updates
  • Error handling and cache invalidation

Also load building-with-medusa when: Building the backend API routes that the storefront calls

CRITICAL: Load Reference Files When Needed

The quick reference below is NOT sufficient for implementation. You MUST load the reference file before writing storefront integration code.

This is the opening of the README. Read the full README on GitHub.

Frequently asked about Building Storefronts

  • What else does medusajs publish alongside Building Storefronts?

    Building Storefronts is one of 18 skills that DirSkills catalogs from medusajs/medusa-agent-skills, the repository it ships in. Its siblings there include Building With Medusa, Cloud Logs and Cloud Organizations. Each one is a separate skill with its own page in this directory, installs the same way Building Storefronts does, and is maintained by medusajs in that same repository. The rest of the collection is listed on the medusajs/medusa-agent-skills page.

  • How does Building Storefronts compare to other Frontend skills?

    Building Storefronts ranks #593 by stars among the 641 Frontend skills in this catalog. The most-starred ones next to it are Angular Developer, Android Clean Architecture and Accessibility. DirSkills ranks by the star count of the repository each skill ships in, so that order reflects how popular those repositories are rather than any review of Building Storefronts against them. Open each page to compare what they document and how they install.

More from medusajs/medusa-agent-skills

Building Storefronts is one of 18 skills cataloged on DirSkills from medusajs/medusa-agent-skills.

See all 18 skills β†’
πŸ› οΈ
2h ago

Building With Medusa

Building With Medusa guides Medusa backend work for custom modules, workflows, API routes, links, and business logic. Use it when planning or implementing backend features that need Medusa-specific architecture and rules.
AI Engineering
21226
πŸ“œ
2h ago

Cloud Logs

Cloud Logs executes mcloud logs to fetch and stream runtime logs from backend or storefront environments. Use it to search errors, filter by time range, or scope results to a deployment.
DevOps
21226
☁️
2h ago

Cloud Organizations

Cloud Organizations executes mcloud commands to list organizations and retrieve organization details. Use it to find organization IDs, inspect members, or check subscription data.
Automation
21226
πŸ€–
2h ago

Creating Agents In Medusa

Creating Agents In Medusa covers the full stack for internal, admin-facing AI agents in a Medusa project. Use it for merchant- or operator-operated assistants with MedusaExec, streaming API routes, and admin chat UI extensions.
AI Engineering
21226
πŸ—„οΈ
2h ago

Database Migrations

Database Migrations runs Medusa's database migration command to apply pending schema changes. Use it when a Medusa project needs to update its database before continuing development or deployment.
DevOps
21226
πŸ—„οΈ
2h ago

Database Migrations Generator

Database Migrations Generator runs Medusa’s migration command for a specified module and reports the generated files or any errors. Use it when you need to create database migrations before applying them.
DevOps
21226