Skills
.Work. You
Rest

storefront-next

Community

Frontend dev assistant for Storefront Next.

Software Engineering#vitest#frontend#react#storybook#tailwind#scapi#page-designer
AuthorTrimud
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This frontend development assistant standardizes and accelerates work on the Storefront Next project by codifying patterns, best practices, and reusable scaffolding for React components, routes, hooks, providers, and SCAPI integrations.

Core Features & Use Cases

  • Establishes server-component defaults, constraints on client boundaries, and loader patterns to ensure efficient data loading and streaming.
  • Documents and enforces tooling patterns for adapters, Page Designer metadata generation, environment-config system, Tailwind design tokens, i18n with react-i18next, and robust form validation with React Hook Form + Zod.
  • Provides guidance for Storybook 10 stories and tests, Vitest unit tests, and integration with SCAPI, React Server Components, and the extension system; applicable to frontend/ directory tasks (components, routes, hooks, providers, adapters), but not backend cartridges.

Quick Start

Open the storefront-next workspace in the frontend/ area and start applying the storefront-next patterns to React components, routes, and tests.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: storefront-next
Download link: https://github.com/Trimud/Sheep-Vampires-Yoghurt/archive/main.zip#storefront-next

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.