Builds and debugs Shopify themes (.liquid files, theme.json, sections), develops custom Shopify apps (shopify.app.toml, OAuth, webhooks), and implements Storefront API integrations for headless storefronts. Use when building or customizing Shopify themes, creating Hydrogen or custom React storefronts, developing Shopify apps, implementing checkout UI extensions or Shopify Functions, optimizing performance, or integrating third-party services. Invoke for Liquid templating, Storefront API, app development, checkout customization, Shopify Plus features, App Bridge, Polaris, or Shopify CLI workflows.
98
100%
Does it follow best practices?
Impact
97%
1.14xAverage score across 6 eval scenarios
Passed
No known issues
Liquid theme section with metafields and images
Theme directory structure
100%
100%
JSON template file
100%
100%
Schema block present
100%
100%
Schema has presets
100%
100%
image_url filter with width
100%
100%
Responsive srcset on images
100%
100%
Image loading attribute
100%
100%
Image dimensions set
75%
100%
Metafield namespace.key access
100%
100%
Metafield nil check
100%
100%
render tag used
100%
100%
No hardcoded credentials
100%
100%
No synchronous API calls
100%
100%
Shopify app with GDPR webhooks and Polaris UI
TypeScript used
100%
100%
shopify-app-remix package
100%
100%
ApiVersion October24
100%
100%
PrismaSessionStorage
100%
100%
afterAuth webhook registration
100%
100%
shopify.app.toml scopes
100%
100%
Webhooks in toml
100%
100%
GDPR: data request handler
100%
100%
GDPR: customer redact handler
100%
100%
GDPR: shop redact handler
100%
100%
App Bridge setup
100%
100%
Polaris components used
100%
100%
GraphQL not REST for Admin API
100%
100%
Error handling on API calls
20%
100%
Hydrogen storefront with API optimization and caching
Storefront API version 2024-10
0%
100%
@inContext on product query
100%
100%
country/language variables in query
100%
100%
storefront.i18n used
50%
100%
GraphQL fragment defined
100%
100%
No over-fetching on variants
0%
50%
Minimal image fields
28%
42%
CacheLong for static content
100%
100%
CacheShort for inventory/pricing
100%
100%
CacheNone for user-specific
50%
0%
TypeScript types on loader
100%
100%
Error handling on API
100%
100%
Checkout UI extension setup
Correct checkout package
100%
100%
api_version in toml
0%
100%
reactExtension entry point
100%
100%
Targeting configured in toml
100%
100%
TypeScript used
100%
100%
Buyer journey interception
0%
100%
Metafield persistence
0%
100%
shopify.extension.toml present
100%
100%
Extension directory structure
100%
100%
No hardcoded credentials
100%
100%
Sandbox testing mentioned
100%
100%
Theme performance optimization
fetchpriority=high on hero
100%
100%
loading=eager on hero
100%
100%
loading=lazy on non-hero
100%
100%
Image srcset with multiple widths
100%
100%
Image width/height attributes
100%
100%
image_url CDN filter used
100%
100%
decoding=async on lazy images
0%
100%
Deferred non-critical JS
100%
100%
font-display swap
100%
100%
Preconnect to font CDN
100%
100%
Critical CSS inlined
25%
100%
Non-critical CSS async-loaded
0%
100%
App deployment workflow and output completeness
Complete file structure
88%
88%
shopify.app.toml present
100%
100%
API scopes documented
100%
100%
shopify app dev in workflow
100%
100%
shopify app deploy in workflow
100%
100%
Testing approach documented
100%
100%
TypeScript used
100%
100%
GraphQL for Admin API
100%
100%
Webhooks in toml
100%
100%
Error handling on API
100%
100%
Validation before deploy
100%
100%
App Bridge in root layout
100%
100%
5b76101
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.