Storefront Best Practices

What It Does

Framework-agnostic (Next.js, SvelteKit, Tan. Stack Start, React, Vue). Provides patterns, decision frameworks, backend integration guidance.

ALWAYS use this skill when working on ecommerce storefronts, online stores, shopping sites. Use for ANY storefront component including checkout pages, cart, payment flows, product pages, product listings, navigation, homepage, or ANY page/component in a storefront. CRITICAL for adding checkout, implementing cart, integrating Medusa backend, or building any ecommerce functionality.

How It Works

This skill ships as a ClawHub package. After installation, use it when your task matches what the SKILL.md describes (commands, tools, and prerequisites).

Key Features

• ClawHub-native — Install with npx clawhub@latest install storefront-best-practices.
• Upstream docs — Full behaviour lives in SKILL.md linked from Source.
• Agent-triggered — Activate via your usual OpenClaw / agent workflows.

Requirements

Use the Requirements section below as a checklist before enabling advanced features.

Use Cases

• Match intent — Use when the user task aligns with what this skill is built for.
• Combine safely — Pair with keys and tools listed under Requirements.