Vercel Shop Architect
Builds and optimizes high-performance Shopify storefronts using Vercel Shop's production-grade architecture and patterns.
The build-shop skill enables developers to construct, adapt, or refactor Shopify storefronts based on the Vercel Shop reference implementation, prioritizing commerce truth and performance. It provides a structured five-layer modeling approach—covering orchestration, data operations, server composition, client islands, and server actions—to ensure efficient rendering, robust caching, and seamless Shopify integration. This skill is essential for projects requiring sophisticated commerce flows, such as complex product variants, real-time cart updates, and highly optimized loading states that minimize blocking.
主な機能
01Automated storefront auditing and browser-based interaction verification
02High-performance rendering and streaming patterns for LCP optimization
03Optimistic state management for fluid cart and checkout mutations
0451 GitHub stars
05Layered storefront architecture modeling from route to server action
06Authoritative Shopify Storefront and Customer Account API integration
ユースケース
01Migrating an existing Shopify theme to a headless Next.js storefront
02Refactoring commerce data fetching to improve Core Web Vitals and caching
03Implementing complex product discovery, faceted search, and variant selection